ColorTool
Iniciar sesión
#2F7265

#2f7265 ≈ Pine Green

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

#2f7265 es un color de la familia verde azulado, con luminosidad baja y saturación moderada. En el modelo RGB se compone de 18,43% de rojo, 44,71% de verde y 39,61% de azul; impreso en CMYK usa 58,77% de cian, 0% de magenta, 11,4% de amarillo y 55,29% de negro. Su ángulo de tono es 168,36°, con 41,61% de saturación y 31,57% 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 identidades corporativas. El texto blanco sobre este color alcanza una relación de contraste de 5,65:1 (WCAG AA). El color con nombre más cercano es Pine Green (#01796f), ΔE 4,05.

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

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

Complementario

  1. #2f7265
  2. #722f3c

Complementario dividido

  1. #2f7265
  2. #722f5e
  3. #72442f

Análogo

  1. #2f7244
  2. #2f7265
  3. #2f5e72

Triádico

  1. #2f7265
  2. #652f72
  3. #72652f

Tetrádico

  1. #2f7265
  2. #2f3c72
  3. #722f3c
  4. #72652f

Cuadrado

  1. #2f7265
  2. #442f72
  3. #722f3c
  4. #5e722f

Monocromático

  1. #060e0d
  2. #193c35
  3. #2f7265
  4. #45a895
  5. #74c6b6

Sombras

#2f7265 mezclado progresivamente con negro.

  1. #2f7265
  2. #2a675b
  3. #265b51
  4. #215047
  5. #1c443d
  6. #183933
  7. #132e28
  8. #0e221e
  9. #091714
  10. #050b0a
  11. #000000

Tintes

#2f7265 mezclado progresivamente con blanco.

  1. #2f7265
  2. #448074
  3. #598e84
  4. #6d9c93
  5. #82aaa3
  6. #97b9b2
  7. #acc7c1
  8. #c1d5d1
  9. #d5e3e0
  10. #eaf1f0
  11. #ffffff

Tonos

#2f7265 mezclado progresivamente con gris.

  1. #2f7265
  2. #377368
  3. #3f756a
  4. #47766d
  5. #4f7870
  6. #587973
  7. #607a75
  8. #687c78
  9. #707d7b
  10. #787f7d
  11. #808080

Texto legible 5.65:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legible 3.72:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #676767 ≈ 0.003% de los hombres
Acromatomalía #566c66 ≈ 0.001% de los hombres
Protanopía #6e6b64 ≈ 1.01% de los hombres
Deuteranopía #636466 ≈ 1.27% de los hombres
Tritanopía #00746e ≈ 0.0001% de los hombres
Protanomalía #5b6e65 ≈ 1.08% de los hombres
Deuteranomalía #536a66 ≈ 4.63% de los hombres
Tritanomalía #1b736b ≈ 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-2f7265 {
  color: #2f7265;
}
Fondo
.bg-2f7265 {
  background-color: #2f7265;
  color: #ffffff;
}
Borde
.border-2f7265 {
  border: 2px solid #2f7265;
}
Variables CSS
:root {
  --color-primary: #2f7265;
  --color-primary-rgb: 47 114 101;
  --color-primary-hsl: 168 42% 32%;
}
Degradado
.gradient-2f7265 {
  background: linear-gradient(135deg, #2f7265, #2f5e72);
}
Sombra de color
.shadow-2f7265 {
  box-shadow: 0 8px 24px rgb(47 114 101 / 0.35);
}

#01796f Pine Green ΔE 4.05 #317873 Myrtle Green ΔE 4.19 #00755e Tropical Rain Forest ΔE 4.79 #40826d Viridian ΔE 6.56 #008080 Teal ΔE 7.94 #008b8b Dark Cyan ΔE 11.01 #355e3b Hunter Green ΔE 11.78 #d08d9a Invertido #676767 Escala de grises 

Pine Green
#2f7265  rgb(47, 114, 101)  hsl(168, 42%, 32%)  Pine Green
#722f3c  rgb(114, 47, 60)  hsl(348, 42%, 32%)  Wine
#652f72  rgb(101, 47, 114)  hsl(288, 42%, 32%)  Eminence
#72652f  rgb(114, 101, 47)  hsl(48, 42%, 32%)  Field Drab