ColorTool
Iniciar sesión
#856F0E

#856f0e ≈ Olive

  • amarilla
  • Luminosidad: baja
  • Saturación: moderada
  • Cálido
Comprobar contraste Explorar en el grafo Color aleatorio

#856f0e es un color de la familia amarilla, con luminosidad baja y saturación moderada. En el modelo RGB se compone de 52,16% de rojo, 43,53% de verde y 5,49% de azul; impreso en CMYK usa 0% de cian, 16,54% de magenta, 89,47% de amarillo y 47,84% de negro. Su ángulo de tono es 48,91°, con 80,95% de saturación y 28,82% de luminosidad en HSL. Es un color cálido, a menudo asociado con optimismo, atención y alegría. Los diseñadores suelen usarlo para resaltados y avisos, productos infantiles y marcas de lujo. El texto blanco sobre este color alcanza una relación de contraste de 4,91:1 (WCAG AA). El color con nombre más cercano es Olive (#808000), ΔE 8,75.

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

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

Complementario

  1. #856f0e
  2. #0e2485

Complementario dividido

  1. #856f0e
  2. #0e5f85
  3. #330e85

Análogo

  1. #85330e
  2. #856f0e
  3. #5f850e

Triádico

  1. #856f0e
  2. #0e856f
  3. #6f0e85

Tetrádico

  1. #856f0e
  2. #24850e
  3. #0e2485
  4. #6f0e85

Cuadrado

  1. #856f0e
  2. #0e8533
  3. #0e2485
  4. #850e5f

Monocromático

  1. #120f02
  2. #403507
  3. #856f0e
  4. #caa915
  5. #ebcc41

Sombras

#856f0e mezclado progresivamente con negro.

  1. #856f0e
  2. #78640d
  3. #6a590b
  4. #5d4e0a
  5. #504308
  6. #433807
  7. #352c06
  8. #282104
  9. #1b1603
  10. #0d0b01
  11. #000000

Tintes

#856f0e mezclado progresivamente con blanco.

  1. #856f0e
  2. #917d26
  3. #9d8c3e
  4. #aa9a56
  5. #b6a96e
  6. #c2b787
  7. #cec59f
  8. #dad4b7
  9. #e7e2cf
  10. #f3f1e7
  11. #ffffff

Tonos

#856f0e mezclado progresivamente con gris.

  1. #856f0e
  2. #857119
  3. #847225
  4. #847430
  5. #83763c
  6. #837847
  7. #827952
  8. #827b5e
  9. #817d69
  10. #817e75
  11. #808080

Texto legible 4.91:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legible 4.28:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #717171 ≈ 0.003% de los hombres
Acromatomalía #797059 ≈ 0.001% de los hombres
Protanopía #7c6d00 ≈ 1.01% de los hombres
Deuteranopía #827317 ≈ 1.27% de los hombres
Tritanopía #91655e ≈ 0.0001% de los hombres
Protanomalía #806e00 ≈ 1.08% de los hombres
Deuteranomalía #837213 ≈ 4.63% de los hombres
Tritanomalía #8c694a ≈ 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-856f0e {
  color: #856f0e;
}
Fondo
.bg-856f0e {
  background-color: #856f0e;
  color: #ffffff;
}
Borde
.border-856f0e {
  border: 2px solid #856f0e;
}
Variables CSS
:root {
  --color-primary: #856f0e;
  --color-primary-rgb: 133 111 14;
  --color-primary-hsl: 49 81% 29%;
}
Degradado
.gradient-856f0e {
  background: linear-gradient(135deg, #856f0e, #5f850e);
}
Sombra de color
.shadow-856f0e {
  box-shadow: 0 8px 24px rgb(133 111 14 / 0.35);
}

#808000 Olive ΔE 8.75 #996515 Golden Brown ΔE 10.67 #6c541e Field Drab ΔE 11.53 #826644 Raw Umber ΔE 12.63 #b8860b Dark Goldenrod ΔE 13.59 #b06500 Ginger ΔE 16.20 #556b2f Dark Olive Green ΔE 16.38 #7a90f1 Invertido #717171 Escala de grises 

Olive
#856f0e  rgb(133, 111, 14)  hsl(49, 81%, 29%)  Olive
#0e2485  rgb(14, 36, 133)  hsl(229, 81%, 29%)  Imperial Blue
#0e856f  rgb(14, 133, 111)  hsl(169, 81%, 29%)  Viridian
#6f0e85  rgb(111, 14, 133)  hsl(289, 81%, 29%)  Purple