#63b6d2 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #63b6d2 | RGB(99, 182, 210) |
Creado en 09/29/2026 10:33
Clasificación de colores #63b6d2
#63b6d2 es Claro y Frío Color Saturación 55%, luminosidad 61%.
Tono oscuro de skyblue
RGB los valores son RGB(99, 182, 210)
#63b6d2 el color contiene Rojo 38.82%, Verde 71.37% y Azul 82.35%.
oklch(73.44% 0.0902 222.22)
#63b6d2 el color contiene Rojo 38.82%, Verde 71.37% y Azul 82.35%.
oklch(73.44% 0.0902 222.22)
Nombres de color de #63b6d2 HEX código
≈ Shakespeare
colores alternativos de #63b6d2
Color opuesto para #63b6d2 – #d27f63
#63b6d2 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #63b6d2
cmyk
CMYK(53%, 13%, 0%, 18%)
Decimal
6534866
HEX
#63b6d2
HSL
hsl(195, 55%, 61%)
HSLA
hsla(195, 55%, 61%, 1)
RGB
RGB(99, 182, 210)
RGBA
RGBA(99, 182, 210, 1)
Paletas para el color #63b6d2:
A continuación ejemplos de paletas de colores para #63b6d2 color HEX
el color más oscuro de los tonos oscuros es #0a1215 y el más claro de los tonos claros es #eff8fb
Paleta de tonos oscuros de #63b6d2:
#59a4bd
#4f92a8
#457f93
#3b6d7e
#325b69
#284954
#1e373f
#14242a
#0a1215
#000000
Paleta de tonos claros de #63b6d2:
#73bdd7
#82c5db
#92cce0
#a1d3e4
#b1dbe9
#c1e2ed
#d0e9f2
#e0f0f6
#eff8fb
#ffffff
Paleta complementaria de #63b6d2:
#63b6d2
#d27f63
Paleta triádica de #63b6d2:
#63b6d2
#d263b6
#b6d263
Paleta cuadrada de #63b6d2:
#63b6d2
#b763d2
#d27f63
#7ed263
Paleta análoga de #63b6d2:
#63d2b7
#63b6d2
#637ed2
Paleta dividida-complementaria de #63b6d2:
#63b6d2
#d2637e
#d2b763
Paleta rectangular (tetrádica) de #63b6d2:
#63b6d2
#7f63d2
#d27f63
#b6d263
Paletas de colores sugeridas para #63b6d2 HEX:
Paleta de colores con color #63b6d2 #1:
Paleta de colores con color #63b6d2 #2:
Paleta de colores con color #63b6d2 #3:
Paleta de colores con color #63b6d2 #4:
Paleta de colores con color #63b6d2 #5:
Contraste de color
Combinaciones de colores #63b6d2 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#63b6d2
#63b6d2 Relación de contraste
2.29:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#63b6d2
#63b6d2 Relación de contraste
9.15:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #63b6d2 color png
Visita la lista de colores populares para más colores