ColorTool
Iniciar sesión
#FEFAE5

#fefae5 ≈ Cosmic Latte

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

#fefae5 es un color de la familia amarilla, con luminosidad muy alta y saturación apagada. En el modelo RGB se compone de 99,61% de rojo, 98,04% de verde y 89,8% de azul; impreso en CMYK usa 0% de cian, 1,57% de magenta, 9,84% de amarillo y 0,39% de negro. Su ángulo de tono es 50,4°, con 92,59% de saturación y 94,71% 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 paletas pastel suaves. El texto negro sobre este color alcanza una relación de contraste de 20,02:1 (WCAG AAA). El color con nombre más cercano es Cosmic Latte (#fff8e7), ΔE 2,37.

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

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

Complementario

  1. #fefae5
  2. #e5e9fe

Complementario dividido

  1. #fefae5
  2. #e5f6fe
  3. #eee5fe

Análogo

  1. #feeee5
  2. #fefae5
  3. #f6fee5

Triádico

  1. #fefae5
  2. #e5fefa
  3. #fae5fe

Tetrádico

  1. #fefae5
  2. #e9fee5
  3. #e5e9fe
  4. #fae5fe

Cuadrado

  1. #fefae5
  2. #e5feee
  3. #e5e9fe
  4. #fee5f6

Monocromático

  1. #f8de52
  2. #fbec9b
  3. #fefae5
  4. #fefbeb
  5. #fefbeb

Sombras

#fefae5 mezclado progresivamente con negro.

  1. #fefae5
  2. #e5e1ce
  3. #cbc8b7
  4. #b2afa0
  5. #989689
  6. #7f7d73
  7. #66645c
  8. #4c4b45
  9. #33322e
  10. #191917
  11. #000000

Tintes

#fefae5 mezclado progresivamente con blanco.

  1. #fefae5
  2. #fefbe8
  3. #fefbea
  4. #fefced
  5. #fefcef
  6. #fffdf2
  7. #fffdf5
  8. #fffef7
  9. #fffefa
  10. #fffffc
  11. #ffffff

Tonos

#fefae5 mezclado progresivamente con gris.

  1. #fefae5
  2. #f1eedb
  3. #e5e2d1
  4. #d8d5c7
  5. #ccc9bd
  6. #bfbdb3
  7. #b2b1a8
  8. #a6a59e
  9. #999894
  10. #8d8c8a
  11. #808080

Texto legible 1.05:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legible 20.02:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #f9f9f9 ≈ 0.003% de los hombres
Acromatomalía #fbfaf2 ≈ 0.001% de los hombres
Protanopía #fff8e4 ≈ 1.01% de los hombres
Deuteranopía #fffae6 ≈ 1.27% de los hombres
Tritanopía #fff7f4 ≈ 0.0001% de los hombres
Protanomalía #fef9e4 ≈ 1.08% de los hombres
Deuteranomalía #fffae5 ≈ 4.63% de los hombres
Tritanomalía #fff8ee ≈ 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-fefae5 {
  color: #fefae5;
}
Fondo
.bg-fefae5 {
  background-color: #fefae5;
  color: #000000;
}
Borde
.border-fefae5 {
  border: 2px solid #fefae5;
}
Variables CSS
:root {
  --color-primary: #fefae5;
  --color-primary-rgb: 254 250 229;
  --color-primary-hsl: 50 93% 95%;
}
Degradado
.gradient-fefae5 {
  background: linear-gradient(135deg, #fefae5, #f6fee5);
}
Sombra de color
.shadow-fefae5 {
  box-shadow: 0 8px 24px rgb(254 250 229 / 0.35);
}

#fff8e7 Cosmic Latte ΔE 2.37 #fff8dc Cornsilk ΔE 2.46 #fffff0 Ivory ΔE 2.74 #f5f5dc Beige ΔE 2.77 #f0ead6 Eggshell ΔE 3.40 #fdf5e6 Old Lace ΔE 3.53 #ffffe0 Light Yellow ΔE 4.02 #01051a Invertido #f9f9f9 Escala de grises 

Cosmic Latte
#fefae5  rgb(254, 250, 229)  hsl(50, 93%, 95%)  Cosmic Latte
#e5e9fe  rgb(229, 233, 254)  hsl(230, 93%, 95%)  Lavender
#e5fefa  rgb(229, 254, 250)  hsl(170, 93%, 95%)  Light Cyan
#fae5fe  rgb(250, 229, 254)  hsl(290, 93%, 95%)  Languid Lavender