ColorTool
Iniciar sesión
#02C796

#02c796 ≈ Caribbean Green

  • verde azulado
  • Luminosidad: baja
  • Saturación: vívida
  • Frío
Comprobar contraste Explorar en el grafo Color aleatorio

#02c796 es un color de la familia verde azulado, con luminosidad baja y saturación vívida. En el modelo RGB se compone de 0,78% de rojo, 78,04% de verde y 58,82% de azul; impreso en CMYK usa 98,99% de cian, 0% de magenta, 24,62% de amarillo y 21,96% de negro. Su ángulo de tono es 165,08°, con 98,01% de saturación y 39,41% 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 botones de llamada a la acción. El texto negro sobre este color alcanza una relación de contraste de 9,61:1 (WCAG AAA). El color con nombre más cercano es Caribbean Green (#00cc99), ΔE 1,29.

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

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

Complementario

  1. #02c796
  2. #c70233

Complementario dividido

  1. #02c796
  2. #c70295
  3. #c73402

Análogo

  1. #02c734
  2. #02c796
  3. #0295c7

Triádico

  1. #02c796
  2. #9602c7
  3. #c79602

Tetrádico

  1. #02c796
  2. #0233c7
  3. #c70233
  4. #c79602

Cuadrado

  1. #02c796
  2. #3402c7
  3. #c70233
  4. #95c702

Monocromático

  1. #003024
  2. #017b5d
  3. #02c796
  4. #19fdc4
  5. #65fdd7

Sombras

#02c796 mezclado progresivamente con negro.

  1. #02c796
  2. #02b387
  3. #029f78
  4. #018b69
  5. #01775a
  6. #01644b
  7. #01503c
  8. #013c2d
  9. #00281e
  10. #00140f
  11. #000000

Tintes

#02c796 mezclado progresivamente con blanco.

  1. #02c796
  2. #1bcda1
  3. #35d2ab
  4. #4ed8b6
  5. #67ddc0
  6. #81e3cb
  7. #9ae9d5
  8. #b3eee0
  9. #ccf4ea
  10. #e6f9f5
  11. #ffffff

Tonos

#02c796 mezclado progresivamente con gris.

  1. #02c796
  2. #0fc094
  3. #1bb992
  4. #28b28f
  5. #34ab8d
  6. #41a48b
  7. #4e9c89
  8. #5a9587
  9. #678e84
  10. #738782
  11. #808080

Texto legible 2.18:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legible 9.61:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #afafaf ≈ 0.003% de los hombres
Acromatomalía #8bb9a6 ≈ 0.001% de los hombres
Protanopía #c2b893 ≈ 1.01% de los hombres
Deuteranopía #aea999 ≈ 1.27% de los hombres
Tritanopía #00c8b9 ≈ 0.0001% de los hombres
Protanomalía #9abe94 ≈ 1.08% de los hombres
Deuteranomalía #8ab698 ≈ 4.63% de los hombres
Tritanomalía #00c8ac ≈ 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-02c796 {
  color: #02c796;
}
Fondo
.bg-02c796 {
  background-color: #02c796;
  color: #000000;
}
Borde
.border-02c796 {
  border: 2px solid #02c796;
}
Variables CSS
:root {
  --color-primary: #02c796;
  --color-primary-rgb: 2 199 150;
  --color-primary-hsl: 165 98% 39%;
}
Degradado
.gradient-02c796 {
  background: linear-gradient(135deg, #02c796, #0295c7);
}
Sombra de color
.shadow-02c796 {
  box-shadow: 0 8px 24px rgb(2 199 150 / 0.35);
}

#00cc99 Caribbean Green ΔE 1.29 #3eb489 Mint ΔE 5.37 #66cdaa Medium Aquamarine ΔE 5.88 #3cb371 Medium Sea Green ΔE 7.84 #29ab87 Jungle Green ΔE 7.87 #50c878 Emerald ΔE 8.06 #00a86b Jade ΔE 9.69 #fd3869 Invertido #afafaf Escala de grises 

Caribbean Green
#02c796  rgb(2, 199, 150)  hsl(165, 98%, 39%)  Caribbean Green
#c70233  rgb(199, 2, 51)  hsl(345, 98%, 39%)  Cardinal
#9602c7  rgb(150, 2, 199)  hsl(285, 98%, 39%)  Dark Violet
#c79602  rgb(199, 150, 2)  hsl(45, 98%, 39%)  Goldenrod