ColorTool
Log in
#302E1C

#302e1c ≈ Black Olive

  • yellow
  • Lightness: very low
  • Saturation: muted
  • Warm
Check contrast Explore in graph Random color

#302e1c is a color from the yellow family, with very low lightness and muted saturation. In the RGB model it is made of 18.82% red, 18.04% green and 10.98% blue; printed in CMYK it uses 0% cyan, 4.17% magenta, 41.67% yellow and 81.18% black. Its hue angle is 54°, with 26.32% saturation and 14.9% lightness in HSL. It is a warm color, often associated with optimism, attention and joy. Designers typically use it for highlights and warnings, children's products and corporate identities. White text on this color reaches a contrast ratio of 13.7:1 (WCAG AAA). The closest named color is Black Olive (#3b3c36), ΔE 7.71.

Description generated from the measured properties of this color.

HEX
RGB
RGB percent
CMY
CMYK
HSL
HSV / HSB
Web safe#333333
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binary
Decimal
Relative luminance0.0267

Complementary

  1. #302e1c
  2. #1c1e30

Split complementary

  1. #302e1c
  2. #1c2830
  3. #241c30

Analogous

  1. #30241c
  2. #302e1c
  3. #28301c

Triadic

  1. #302e1c
  2. #1c302e
  3. #2e1c30

Tetradic

  1. #302e1c
  2. #1e301c
  3. #1c1e30
  4. #2e1c30

Square

  1. #302e1c
  2. #1c3024
  3. #1c1e30
  4. #301c28

Monochromatic

  1. #0d0c08
  2. #0d0c08
  3. #302e1c
  4. #605c38
  5. #918b54

Shades

#302e1c mixed progressively with black.

  1. #302e1c
  2. #2b2919
  3. #262516
  4. #222014
  5. #1d1c11
  6. #18170e
  7. #13120b
  8. #0e0e08
  9. #0a0906
  10. #050503
  11. #000000

Tints

#302e1c mixed progressively with white.

  1. #302e1c
  2. #454333
  3. #595849
  4. #6e6d60
  5. #838277
  6. #98978e
  7. #acaba4
  8. #c1c0bb
  9. #d6d5d2
  10. #eaeae8
  11. #ffffff

Tones

#302e1c mixed progressively with gray.

  1. #302e1c
  2. #383626
  3. #403e30
  4. #48473a
  5. #504f44
  6. #58574e
  7. #605f58
  8. #686762
  9. #70706c
  10. #787876
  11. #808080

Readable text 13.7:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Readable text 1.53:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsia #2d2d2d ≈ 0.003% of males
Achromatomaly #2e2e27 ≈ 0.001% of males
Protanopia #312d1b ≈ 1.01% of males
Deuteranopia #322e1d ≈ 1.27% of males
Tritanopia #332c29 ≈ 0.0001% of males
Protanomaly #312d1b ≈ 1.08% of males
Deuteranomaly #312e1c ≈ 4.63% of males
Tritanomaly #322d25 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-302e1c {
  color: #302e1c;
}
Background
.bg-302e1c {
  background-color: #302e1c;
  color: #ffffff;
}
Border
.border-302e1c {
  border: 2px solid #302e1c;
}
CSS variables
:root {
  --color-primary: #302e1c;
  --color-primary-rgb: 48 46 28;
  --color-primary-hsl: 54 26% 15%;
}
Gradient
.gradient-302e1c {
  background: linear-gradient(135deg, #302e1c, #28301c);
}
Colored shadow
.shadow-302e1c {
  box-shadow: 0 8px 24px rgb(48 46 28 / 0.35);
}

#3b3c36 Black Olive ΔE 7.71 #343434 Jet ΔE 10.02 #483c32 Taupe ΔE 10.15 #444c38 Rifle Green ΔE 10.64 #353839 Onyx ΔE 11.07 #3d2b1f Bistre ΔE 11.74 #100c08 Smoky Black ΔE 12.90 #cfd1e3 Inverted #2d2d2d Grayscale 

Black Olive
#302e1c  rgb(48, 46, 28)  hsl(54, 26%, 15%)  Black Olive
#1c1e30  rgb(28, 30, 48)  hsl(234, 26%, 15%)  Oxford Blue
#1c302e  rgb(28, 48, 46)  hsl(174, 26%, 15%)  Gunmetal
#2e1c30  rgb(46, 28, 48)  hsl(294, 26%, 15%)  Licorice