ColorTool
Iniciar sesión
#1D766F

#1d766f ≈ Pine Green

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

#1d766f es un color de la familia cian, con luminosidad baja y saturación moderada. En el modelo RGB se compone de 11,37% de rojo, 46,27% de verde y 43,53% de azul; impreso en CMYK usa 75,42% de cian, 0% de magenta, 5,93% de amarillo y 53,73% de negro. Su ángulo de tono es 175,28°, con 60,54% de saturación y 28,82% de luminosidad en HSL. Es un color frío, a menudo asociado con frescura, tecnología y claridad. Los diseñadores suelen usarlo para salud y bienestar, productos tecnológicos y marcas de lujo. El texto blanco sobre este color alcanza una relación de contraste de 5,42:1 (WCAG AA). El color con nombre más cercano es Pine Green (#01796f), ΔE 2,01.

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.1437

Complementario

  1. #1d766f
  2. #761d24

Complementario dividido

  1. #1d766f
  2. #761d50
  3. #76421d

Análogo

  1. #1d7642
  2. #1d766f
  3. #1d5076

Triádico

  1. #1d766f
  2. #6f1d76
  3. #766f1d

Tetrádico

  1. #1d766f
  2. #1d2476
  3. #761d24
  4. #766f1d

Cuadrado

  1. #1d766f
  2. #421d76
  3. #761d24
  4. #50761d

Monocromático

  1. #04100f
  2. #0e3935
  3. #1d766f
  4. #2cb3a9
  5. #56d6cc

Sombras

#1d766f mezclado progresivamente con negro.

  1. #1d766f
  2. #1a6a64
  3. #175e59
  4. #14534e
  5. #114743
  6. #0f3b38
  7. #0c2f2c
  8. #092321
  9. #061816
  10. #030c0b
  11. #000000

Tintes

#1d766f mezclado progresivamente con blanco.

  1. #1d766f
  2. #34847d
  3. #4a918c
  4. #619f9a
  5. #77ada9
  6. #8ebbb7
  7. #a5c8c5
  8. #bbd6d4
  9. #d2e4e2
  10. #e8f1f1
  11. #ffffff

Tonos

#1d766f mezclado progresivamente con gris.

  1. #1d766f
  2. #277771
  3. #317872
  4. #3b7974
  5. #457a76
  6. #4f7b78
  7. #587c79
  8. #627d7b
  9. #6c7e7d
  10. #767f7e
  11. #808080

Texto legible 5.42:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legible 3.87:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #6a6a6a ≈ 0.003% de los hombres
Acromatomalía #556f6c ≈ 0.001% de los hombres
Protanopía #6f6f6f ≈ 1.01% de los hombres
Deuteranopía #636670 ≈ 1.27% de los hombres
Tritanopía #007974 ≈ 0.0001% de los hombres
Protanomalía #59726f ≈ 1.08% de los hombres
Deuteranomalía #506d70 ≈ 4.63% de los hombres
Tritanomalía #007872 ≈ 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-1d766f {
  color: #1d766f;
}
Fondo
.bg-1d766f {
  background-color: #1d766f;
  color: #ffffff;
}
Borde
.border-1d766f {
  border: 2px solid #1d766f;
}
Variables CSS
:root {
  --color-primary: #1d766f;
  --color-primary-rgb: 29 118 111;
  --color-primary-hsl: 175 61% 29%;
}
Degradado
.gradient-1d766f {
  background: linear-gradient(135deg, #1d766f, #1d5076);
}
Sombra de color
.shadow-1d766f {
  box-shadow: 0 8px 24px rgb(29 118 111 / 0.35);
}

#01796f Pine Green ΔE 2.01 #317873 Myrtle Green ΔE 2.26 #008080 Teal ΔE 4.75 #00755e Tropical Rain Forest ΔE 6.51 #40826d Viridian ΔE 7.63 #008b8b Dark Cyan ΔE 8.30 #367588 Teal Blue ΔE 12.79 #e28990 Invertido #6a6a6a Escala de grises 

Pine Green
#1d766f  rgb(29, 118, 111)  hsl(175, 61%, 29%)  Pine Green
#761d24  rgb(118, 29, 36)  hsl(355, 61%, 29%)  Burgundy
#6f1d76  rgb(111, 29, 118)  hsl(295, 61%, 29%)  Purple
#766f1d  rgb(118, 111, 29)  hsl(55, 61%, 29%)  Olive