ColorTool
Iniciar sesión
#30280C

#30280c ≈ Bistre

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

#30280c es un color de la familia amarilla, con luminosidad muy baja y saturación apagada. En el modelo RGB se compone de 18,82% de rojo, 15,69% de verde y 4,71% de azul; impreso en CMYK usa 0% de cian, 16,67% de magenta, 75% de amarillo y 81,18% de negro. Su ángulo de tono es 46,67°, con 60% de saturación y 11,76% 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 14,64:1 (WCAG AAA). El color con nombre más cercano es Bistre (#3d2b1f), ΔE 10,62.

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

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

Complementario

  1. #30280c
  2. #0c1430

Complementario dividido

  1. #30280c
  2. #0c2630
  3. #160c30

Análogo

  1. #30160c
  2. #30280c
  3. #26300c

Triádico

  1. #30280c
  2. #0c3028
  3. #280c30

Tetrádico

  1. #30280c
  2. #14300c
  3. #0c1430
  4. #280c30

Cuadrado

  1. #30280c
  2. #0c3016
  3. #0c1430
  4. #300c26

Monocromático

  1. #100e04
  2. #100e04
  3. #30280c
  4. #6d5b1b
  5. #aa8e2b

Sombras

#30280c mezclado progresivamente con negro.

  1. #30280c
  2. #2b240b
  3. #26200a
  4. #221c08
  5. #1d1807
  6. #181406
  7. #131005
  8. #0e0c04
  9. #0a0802
  10. #050401
  11. #000000

Tintes

#30280c mezclado progresivamente con blanco.

  1. #30280c
  2. #453e24
  3. #59533d
  4. #6e6955
  5. #837e6d
  6. #989486
  7. #aca99e
  8. #c1bfb6
  9. #d6d4ce
  10. #eaeae7
  11. #ffffff

Tonos

#30280c mezclado progresivamente con gris.

  1. #30280c
  2. #383118
  3. #403a23
  4. #48422f
  5. #504b3a
  6. #585446
  7. #605d52
  8. #68665d
  9. #706e69
  10. #787774
  11. #808080

Texto legible 14.64:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Texto legible 1.43:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Acromatopsia #292929 ≈ 0.003% de los hombres
Acromatomalía #2c2820 ≈ 0.001% de los hombres
Protanopía #2d2709 ≈ 1.01% de los hombres
Deuteranopía #2f2a0d ≈ 1.27% de los hombres
Tritanopía #342422 ≈ 0.0001% de los hombres
Protanomalía #2e270a ≈ 1.08% de los hombres
Deuteranomalía #2f290d ≈ 4.63% de los hombres
Tritanomalía #33261b ≈ 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-30280c {
  color: #30280c;
}
Fondo
.bg-30280c {
  background-color: #30280c;
  color: #ffffff;
}
Borde
.border-30280c {
  border: 2px solid #30280c;
}
Variables CSS
:root {
  --color-primary: #30280c;
  --color-primary-rgb: 48 40 12;
  --color-primary-hsl: 47 60% 12%;
}
Degradado
.gradient-30280c {
  background: linear-gradient(135deg, #30280c, #26300c);
}
Sombra de color
.shadow-30280c {
  box-shadow: 0 8px 24px rgb(48 40 12 / 0.35);
}

#3d2b1f Bistre ΔE 10.62 #483c32 Taupe ΔE 11.26 #3b3c36 Black Olive ΔE 12.13 #343434 Jet ΔE 13.71 #100c08 Smoky Black ΔE 14.14 #444c38 Rifle Green ΔE 14.48 #353839 Onyx ΔE 15.18 #cfd7f3 Invertido #292929 Escala de grises 

Bistre
#30280c  rgb(48, 40, 12)  hsl(47, 60%, 12%)  Bistre
#0c1430  rgb(12, 20, 48)  hsl(227, 60%, 12%)  Oxford Blue
#0c3028  rgb(12, 48, 40)  hsl(167, 60%, 12%)  Phthalo Green
#280c30  rgb(40, 12, 48)  hsl(287, 60%, 12%)  Tyrian Purple