#679f89 Información del color HEX
| Color | HEX | RGB |
|---|---|---|
| #679f89 | RGB(103, 159, 137) |
Creado en 03/06/2023 19:43
Clasificación de colores #679f89
#679f89 es Claro y Frío Color Saturación 23%, luminosidad 51%.
Tono claro de cadetblue
RGB los valores son RGB(103, 159, 137)
#679f89 el color contiene Rojo 40.39%, Verde 62.35% y Azul 53.73%.
oklch(65.71% 0.068 167.58)
#679f89 el color contiene Rojo 40.39%, Verde 62.35% y Azul 53.73%.
oklch(65.71% 0.068 167.58)
Nombres de color de #679f89 HEX código
≈ Patina
colores alternativos de #679f89
Color opuesto para #679f89 – #9f677d
#679f89 Conversión de color
Información de códigos y valores sobre el decimal de color HEX, HEX. Valores HSL, HSLA, RGB, RGBA #679f89
cmyk
CMYK(35%, 0%, 14%, 38%)
Decimal
6791049
HEX
#679f89
HSL
hsl(156, 23%, 51%)
HSLA
hsla(156, 23%, 51%, 1)
RGB
RGB(103, 159, 137)
RGBA
RGBA(103, 159, 137, 1)
Paletas para el color #679f89:
A continuación ejemplos de paletas de colores para #679f89 color HEX
el color más oscuro de los tonos oscuros es #0a100e y el más claro de los tonos claros es #f0f5f3
Paleta de tonos oscuros de #679f89:
#5d8f7b
#527f6e
#486f60
#3e5f52
#345045
#294037
#1f3029
#15201b
#0a100e
#000000
Paleta de tonos claros de #679f89:
#76a995
#85b2a1
#95bcac
#a4c5b8
#b3cfc4
#c2d9d0
#d1e2dc
#e1ece7
#f0f5f3
#ffffff
Paleta complementaria de #679f89:
#679f89
#9f677d
Paleta triádica de #679f89:
#679f89
#89679f
#9f8967
Paleta cuadrada de #679f89:
#679f89
#6d679f
#9f677d
#999f67
Paleta análoga de #679f89:
#679f6d
#679f89
#67999f
Paleta dividida-complementaria de #679f89:
#679f89
#9f6799
#9f6d67
Paleta rectangular (tetrádica) de #679f89:
#679f89
#677d9f
#9f677d
#9f8967
Paletas de colores sugeridas para #679f89 HEX:
Paleta de colores con color #679f89 #1:
Paleta de colores con color #679f89 #2:
Paleta de colores con color #679f89 #3:
Paleta de colores con color #679f89 #4:
Paleta de colores con color #679f89 #5:
Color #679f89 usado en paletas (1)
Contraste de color
Combinaciones de colores #679f89 con negro y blanco para texto pequeño, texto grande y gráficos según la proporción de contraste de accesibilidad de WCAG.
#679f89
#679f89 Relación de contraste
3.04:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
#679f89
#679f89 Relación de contraste
6.89:1
| Tamaño | nivel AA | nivel AAA |
| Texto grande: | ||
| Texto pequeño: |
Imagen #679f89 color png
Visita la lista de colores populares para más colores