ColorTool
Iniciar sesión
#EEE888

#eee888 ≈ Khaki

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

#eee888 es un color de la familia amarilla, con luminosidad alta y saturación moderada. En el modelo RGB se compone de 93,33% de rojo, 90,98% de verde y 53,33% de azul; impreso en CMYK usa 0% de cian, 2,52% de magenta, 42,86% de amarillo y 6,67% de negro. Su ángulo de tono es 56,47°, con 75% de saturación y 73,33% 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 acentos de marca. El texto negro sobre este color alcanza una relación de contraste de 16,53:1 (WCAG AAA). El color con nombre más cercano es Khaki (#f0e68c), ΔE 1,39.

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

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

Complementario

  1. #eee888
  2. #888eee

Complementario dividido

  1. #eee888
  2. #88c1ee
  3. #b588ee

Análogo

  1. #eeb588
  2. #eee888
  3. #c1ee88

Triádico

  1. #eee888
  2. #88eee8
  3. #e888ee

Tetrádico

  1. #eee888
  2. #8eee88
  3. #888eee
  4. #e888ee

Cuadrado

  1. #eee888
  2. #88eeb5
  3. #888eee
  4. #ee88c1

Monocromático

  1. #c1b81c
  2. #e4db45
  3. #eee888
  4. #f8f5cb
  5. #fcfced

Sombras

#eee888 mezclado progresivamente con negro.

  1. #eee888
  2. #d6d17a
  3. #beba6d
  4. #a7a25f
  5. #8f8b52
  6. #777444
  7. #5f5d36
  8. #474629
  9. #302e1b
  10. #18170e
  11. #000000

Tintes

#eee888 mezclado progresivamente con blanco.

  1. #eee888
  2. #f0ea94
  3. #f1eda0
  4. #f3efac
  5. #f5f1b8
  6. #f7f4c4
  7. #f8f6cf
  8. #faf8db
  9. #fcfae7
  10. #fdfdf3
  11. #ffffff

Tonos

#eee888 mezclado progresivamente con gris.

  1. #eee888
  2. #e3de87
  3. #d8d386
  4. #cdc986
  5. #c2be85
  6. #b7b484
  7. #acaa83
  8. #a19f82
  9. #969582
  10. #8b8a81
  11. #808080

Texto legible 1.27:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legible 16.53:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #e4e4e4 ≈ 0.003% de los hombres
Acromatomalía #e8e6c6 ≈ 0.001% de los hombres
Protanopía #f7e280 ≈ 1.01% de los hombres
Deuteranopía #fae68c ≈ 1.27% de los hombres
Tritanopía #fbddd1 ≈ 0.0001% de los hombres
Protanomalía #f3e483 ≈ 1.08% de los hombres
Deuteranomalía #f5e78b ≈ 4.63% de los hombres
Tritanomalía #f6e1b8 ≈ 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-eee888 {
  color: #eee888;
}
Fondo
.bg-eee888 {
  background-color: #eee888;
  color: #000000;
}
Borde
.border-eee888 {
  border: 2px solid #eee888;
}
Variables CSS
:root {
  --color-primary: #eee888;
  --color-primary-rgb: 238 232 136;
  --color-primary-hsl: 56 75% 73%;
}
Degradado
.gradient-eee888 {
  background: linear-gradient(135deg, #eee888, #c1ee88);
}
Sombra de color
.shadow-eee888 {
  box-shadow: 0 8px 24px rgb(238 232 136 / 0.35);
}

#f0e68c Khaki ΔE 1.39 #e4d96f Straw ΔE 3.88 #eedc82 Flax ΔE 4.00 #fdfd96 Pastel Yellow ΔE 4.44 #f0dc82 Buff ΔE 4.44 #f8de7e Jasmine ΔE 5.65 #eee8aa Pale Goldenrod ΔE 5.97 #111777 Invertido #e4e4e4 Escala de grises 

Khaki
#eee888  rgb(238, 232, 136)  hsl(56, 75%, 73%)  Khaki
#888eee  rgb(136, 142, 238)  hsl(236, 75%, 73%)  Cornflower Blue
#88eee8  rgb(136, 238, 232)  hsl(176, 75%, 73%)  Electric Blue
#e888ee  rgb(232, 136, 238)  hsl(296, 75%, 73%)  Violet