ColorTool
Iniciar sesión
#D73D15

#d73d15 ≈ Sinopia

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

#d73d15 es un color de la familia naranja, con luminosidad media y saturación vívida. En el modelo RGB se compone de 84,31% de rojo, 23,92% de verde y 8,24% de azul; impreso en CMYK usa 0% de cian, 71,63% de magenta, 90,23% de amarillo y 15,69% de negro. Su ángulo de tono es 12,37°, con 82,2% de saturación y 46,27% 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 y marcas de comida y restaurantes. El texto blanco sobre este color alcanza una relación de contraste de 4,6:1 (WCAG AA). El color con nombre más cercano es Sinopia (#cb410b), ΔE 3,14.

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

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

Complementario

  1. #d73d15
  2. #15afd7

Complementario dividido

  1. #d73d15
  2. #15d79e
  3. #154ed7

Análogo

  1. #d7154e
  2. #d73d15
  3. #d79e15

Triádico

  1. #d73d15
  2. #15d73d
  3. #3d15d7

Tetrádico

  1. #d73d15
  2. #afd715
  3. #15afd7
  4. #3d15d7

Cuadrado

  1. #d73d15
  2. #4ed715
  3. #15afd7
  4. #9e15d7

Monocromático

  1. #4c1507
  2. #91290e
  3. #d73d15
  4. #ed6d4b
  5. #f4a591

Sombras

#d73d15 mezclado progresivamente con negro.

  1. #d73d15
  2. #c23713
  3. #ac3111
  4. #972b0f
  5. #81250d
  6. #6c1f0b
  7. #561808
  8. #411206
  9. #2b0c04
  10. #160602
  11. #000000

Tintes

#d73d15 mezclado progresivamente con blanco.

  1. #d73d15
  2. #db502c
  3. #df6444
  4. #e3775b
  5. #e78b73
  6. #eb9e8a
  7. #efb1a1
  8. #f3c5b9
  9. #f7d8d0
  10. #fbece8
  11. #ffffff

Tonos

#d73d15 mezclado progresivamente con gris.

  1. #d73d15
  2. #ce4420
  3. #c64a2a
  4. #bd5135
  5. #b45840
  6. #ac5f4b
  7. #a36555
  8. #9a6c60
  9. #91736b
  10. #897975
  11. #808080

Texto legible 4.6:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legible 4.57:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #757575 ≈ 0.003% de los hombres
Acromatomalía #a6635d ≈ 0.001% de los hombres
Protanopía #6c5f0a ≈ 1.01% de los hombres
Deuteranopía #928204 ≈ 1.27% de los hombres
Tritanopía #ed0037 ≈ 0.0001% de los hombres
Protanomalía #a2540f ≈ 1.08% de los hombres
Deuteranomalía #b26d0c ≈ 4.63% de los hombres
Tritanomalía #e51f2c ≈ 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-d73d15 {
  color: #d73d15;
}
Fondo
.bg-d73d15 {
  background-color: #d73d15;
  color: #ffffff;
}
Borde
.border-d73d15 {
  border: 2px solid #d73d15;
}
Variables CSS
:root {
  --color-primary: #d73d15;
  --color-primary-rgb: 215 61 21;
  --color-primary-hsl: 12 82% 46%;
}
Degradado
.gradient-d73d15 {
  background: linear-gradient(135deg, #d73d15, #d79e15);
}
Sombra de color
.shadow-d73d15 {
  box-shadow: 0 8px 24px rgb(215 61 21 / 0.35);
}

#cb410b Sinopia ΔE 3.14 #e62020 Lust ΔE 5.71 #c04000 Mahogany ΔE 5.82 #d40000 Rosso Corsa ΔE 6.03 #e34234 Cinnabar ΔE 6.35 #e34234 Vermilion ΔE 6.35 #ff0800 Candy Apple Red ΔE 6.71 #28c2ea Invertido #757575 Escala de grises 

Sinopia
#d73d15  rgb(215, 61, 21)  hsl(12, 82%, 46%)  Sinopia
#15afd7  rgb(21, 175, 215)  hsl(192, 82%, 46%)  Deep Sky Blue
#15d73d  rgb(21, 215, 61)  hsl(132, 82%, 46%)  Malachite
#3d15d7  rgb(61, 21, 215)  hsl(252, 82%, 46%)  Blue