#689faa Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #689faa | RGB(104, 159, 170) |
Creado en 02/24/2023 05:48
Clasificación de colores #689faa
#689faa es Claro y Frío Color Saturación 28%, luminosidad 54%.
Tono claro de cadetblue
RGB los valores son RGB(104, 159, 170)
#689faa el color contiene Rojo 40.78%, Verde 62.35% y Azul 66.67%.
oklch(66.83% 0.06 211.56)
#689faa el color contiene Rojo 40.78%, Verde 62.35% y Azul 66.67%.
oklch(66.83% 0.06 211.56)
Nombres de color de #689faa HEX código
≈ Breaker Bay
colores alternativos de #689faa
Color opuesto para #689faa – #aa7368
#689faa Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #689faa
cmyk
CMYK(39%, 6%, 0%, 33%)
Decimal
6856618
HEX
#689faa
HSL
hsl(190, 28%, 54%)
HSLA
hsla(190, 28%, 54%, 1)
RGB
RGB(104, 159, 170)
RGBA
RGBA(104, 159, 170, 1)
Paletas para el color #689faa:
A continuación ejemplos de paletas de colores para #689faa color HEX
el color más oscuro de los tonos oscuros es #0a1011 y el más claro de los tonos claros es #f0f5f7
Paleta de tonos oscuros de #689faa:
#5e8f99
#537f88
#496f77
#3e5f66
#345055
#2a4044
#1f3033
#152022
#0a1011
#000000
Paleta de tonos claros de #689faa:
#77a9b3
#86b2bb
#95bcc4
#a4c5cc
#b4cfd5
#c3d9dd
#d2e2e6
#e1ecee
#f0f5f7
#ffffff
Paleta complementaria de #689faa:
#689faa
#aa7368
Paleta triádica de #689faa:
#689faa
#aa689f
#9faa68
Paleta cuadrada de #689faa:
#689faa
#9468aa
#aa7368
#7eaa68
Paleta análoga de #689faa:
#68aa94
#689faa
#687eaa
Paleta dividida-complementaria de #689faa:
#689faa
#aa687e
#aa9468
Paleta rectangular (tetrádica) de #689faa:
#689faa
#7368aa
#aa7368
#9faa68
Paletas de colores sugeridas para #689faa HEX:
Paleta de colores con color #689faa #1:
Paleta de colores con color #689faa #2:
Paleta de colores con color #689faa #3:
Paleta de colores con color #689faa #4:
Paleta de colores con color #689faa #5:
Color #689faa usado en paletas (1)
Contraste de color
Combinaciones de colores #689faa con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#689faa
#689faa Relación de contraste
2.94:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#689faa
#689faa Relación de contraste
7.12:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #689faa color png
Visita la lista de colores populares para más colores