ColorTool
Iniciar sesión
#AB6D52

#ab6d52 ≈ Cafe au Lait

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

#ab6d52 es un color de la familia naranja, con luminosidad media y saturación moderada. En el modelo RGB se compone de 67,06% de rojo, 42,75% de verde y 32,16% de azul; impreso en CMYK usa 0% de cian, 36,26% de magenta, 52,05% de amarillo y 32,94% de negro. Su ángulo de tono es 18,2°, con 35,18% de saturación y 49,61% de luminosidad en HSL. Es un color cálido, a menudo asociado con entusiasmo, calidez y creatividad. Los diseñadores suelen usarlo para botones de llamada a la acción, marcas de comida y restaurantes y acentos de marca. El texto negro sobre este color alcanza una relación de contraste de 5,04:1 (WCAG AA). El color con nombre más cercano es Cafe au Lait (#a67b5b), ΔE 6,79.

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

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

Complementario

  1. #ab6d52
  2. #5290ab

Complementario dividido

  1. #ab6d52
  2. #52ab9a
  3. #5264ab

Análogo

  1. #ab5264
  2. #ab6d52
  3. #ab9a52

Triádico

  1. #ab6d52
  2. #52ab6d
  3. #6d52ab

Tetrádico

  1. #ab6d52
  2. #90ab52
  3. #5290ab
  4. #6d52ab

Cuadrado

  1. #ab6d52
  2. #64ab52
  3. #5290ab
  4. #9a52ab

Monocromático

  1. #442b20
  2. #774c39
  3. #ab6d52
  4. #c59885
  5. #ddc4b9

Sombras

#ab6d52 mezclado progresivamente con negro.

  1. #ab6d52
  2. #9a624a
  3. #895742
  4. #784c39
  5. #674131
  6. #563729
  7. #442c21
  8. #332119
  9. #221610
  10. #110b08
  11. #000000

Tintes

#ab6d52 mezclado progresivamente con blanco.

  1. #ab6d52
  2. #b37c63
  3. #bc8a75
  4. #c49986
  5. #cda797
  6. #d5b6a9
  7. #ddc5ba
  8. #e6d3cb
  9. #eee2dc
  10. #f7f0ee
  11. #ffffff

Tonos

#ab6d52 mezclado progresivamente con gris.

  1. #ab6d52
  2. #a76f57
  3. #a2715b
  4. #9e7360
  5. #9a7564
  6. #967769
  7. #91786e
  8. #8d7a72
  9. #897c77
  10. #847e7b
  11. #808080

Texto legible 4.17:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legible 5.04:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #7c7c7c ≈ 0.003% de los hombres
Acromatomalía #91766e ≈ 0.001% de los hombres
Protanopía #7d7450 ≈ 1.01% de los hombres
Deuteranopía #8c8152 ≈ 1.27% de los hombres
Tritanopía #b96266 ≈ 0.0001% de los hombres
Protanomalía #927151 ≈ 1.08% de los hombres
Deuteranomalía #997a52 ≈ 4.63% de los hombres
Tritanomalía #b3675f ≈ 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-ab6d52 {
  color: #ab6d52;
}
Fondo
.bg-ab6d52 {
  background-color: #ab6d52;
  color: #000000;
}
Borde
.border-ab6d52 {
  border: 2px solid #ab6d52;
}
Variables CSS
:root {
  --color-primary: #ab6d52;
  --color-primary-rgb: 171 109 82;
  --color-primary-hsl: 18 35% 50%;
}
Degradado
.gradient-ab6d52 {
  background: linear-gradient(135deg, #ab6d52, #ab9a52);
}
Sombra de color
.shadow-ab6d52 {
  box-shadow: 0 8px 24px rgb(171 109 82 / 0.35);
}

#a67b5b Cafe au Lait ΔE 6.79 #a0522d Sienna ΔE 9.40 #a45a52 Redwood ΔE 9.43 #9f8170 Beaver ΔE 9.77 #b87333 Copper ΔE 10.09 #996666 Copper Rose ΔE 11.40 #e2725b Terra Cotta ΔE 11.90 #5492ad Invertido #7c7c7c Escala de grises 

Cafe au Lait
#ab6d52  rgb(171, 109, 82)  hsl(18, 35%, 50%)  Cafe au Lait
#5290ab  rgb(82, 144, 171)  hsl(198, 35%, 50%)  Air Force Blue
#52ab6d  rgb(82, 171, 109)  hsl(138, 35%, 50%)  Medium Sea Green
#6d52ab  rgb(109, 82, 171)  hsl(258, 35%, 50%)  Royal Purple