ColorTool
Iniciar sesión
#67BEAE

#67beae ≈ Verdigris

  • verde azulado
  • Luminosidad: media
  • Saturación: moderada
  • Frío
Comprobar contraste Explorar en el grafo Color aleatorio

#67beae es un color de la familia verde azulado, con luminosidad media y saturación moderada. En el modelo RGB se compone de 40,39% de rojo, 74,51% de verde y 68,24% de azul; impreso en CMYK usa 45,79% de cian, 0% de magenta, 8,42% de amarillo y 25,49% de negro. Su ángulo de tono es 168,97°, con 40,09% de saturación y 57,45% de luminosidad en HSL. Es un color frío, a menudo asociado con claridad, calma y renovación. Los diseñadores suelen usarlo para salud y bienestar, productos tecnológicos y acentos de marca. El texto negro sobre este color alcanza una relación de contraste de 9,55:1 (WCAG AAA). El color con nombre más cercano es Verdigris (#43b3ae), ΔE 5,79.

Descripción generada a partir de las propiedades medidas de este color.

HEX
RGB
RGB en porcentaje
CMY
CMYK
HSL
HSV / HSB
Web seguro#66cc99
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binario
Decimal
Luminancia relativa0.4277

Complementario

  1. #67beae
  2. #be6777

Complementario dividido

  1. #67beae
  2. #be67a2
  3. #be8367

Análogo

  1. #67be83
  2. #67beae
  3. #67a2be

Triádico

  1. #67beae
  2. #ae67be
  3. #beae67

Tetrádico

  1. #67beae
  2. #6777be
  3. #be6777
  4. #beae67

Cuadrado

  1. #67beae
  2. #8367be
  3. #be6777
  4. #a2be67

Monocromático

  1. #2a6258
  2. #419888
  3. #67beae
  4. #9dd5cb
  5. #d2ece7

Sombras

#67beae mezclado progresivamente con negro.

  1. #67beae
  2. #5dab9d
  3. #52988b
  4. #48857a
  5. #3e7268
  6. #345f57
  7. #294c46
  8. #1f3934
  9. #152623
  10. #0a1311
  11. #000000

Tintes

#67beae mezclado progresivamente con blanco.

  1. #67beae
  2. #76c5b6
  3. #85cbbe
  4. #95d2c6
  5. #a4d8ce
  6. #b3dfd7
  7. #c2e5df
  8. #d1ece7
  9. #e1f2ef
  10. #f0f9f7
  11. #ffffff

Tonos

#67beae mezclado progresivamente con gris.

  1. #67beae
  2. #6ab8a9
  3. #6cb2a5
  4. #6faba0
  5. #71a59c
  6. #749f97
  7. #769992
  8. #79938e
  9. #7b8c89
  10. #7e8685
  11. #808080

Texto legible 2.2:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legible 9.55:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #afafaf ≈ 0.003% de los hombres
Acromatomalía #97b5ae ≈ 0.001% de los hombres
Protanopía #b7b5ad ≈ 1.01% de los hombres
Deuteranopía #a9aaaf ≈ 1.27% de los hombres
Tritanopía #42c1b9 ≈ 0.0001% de los hombres
Protanomalía #9eb9ae ≈ 1.08% de los hombres
Deuteranomalía #93b3af ≈ 4.63% de los hombres
Tritanomalía #53c0b5 ≈ 0.0002% de los hombres
Simular en tu propia imagen

Texto en este color

Fondo en este color

Borde en este color

Color de texto
.text-67beae {
  color: #67beae;
}
Fondo
.bg-67beae {
  background-color: #67beae;
  color: #000000;
}
Borde
.border-67beae {
  border: 2px solid #67beae;
}
Variables CSS
:root {
  --color-primary: #67beae;
  --color-primary-rgb: 103 190 174;
  --color-primary-hsl: 169 40% 57%;
}
Degradado
.gradient-67beae {
  background: linear-gradient(135deg, #67beae, #67a2be);
}
Sombra de color
.shadow-67beae {
  box-shadow: 0 8px 24px rgb(103 190 174 / 0.35);
}

#43b3ae Verdigris ΔE 5.79 #20b2aa Light Sea Green ΔE 6.57 #0abab5 Tiffany Blue ΔE 6.65 #66cdaa Medium Aquamarine ΔE 6.74 #48d1cc Medium Turquoise ΔE 7.15 #00cccc Robin Egg Blue ΔE 8.45 #40e0d0 Turquoise ΔE 9.11 #984151 Invertido #afafaf Escala de grises 

Verdigris
#67beae  rgb(103, 190, 174)  hsl(169, 40%, 57%)  Verdigris
#be6777  rgb(190, 103, 119)  hsl(349, 40%, 57%)  Rose Gold
#ae67be  rgb(174, 103, 190)  hsl(289, 40%, 57%)  Medium Orchid
#beae67  rgb(190, 174, 103)  hsl(49, 40%, 57%)  Vegas Gold