ColorTool
Log in
#E28B2B

#e28b2b ≈ Fulvous

  • orange
  • Lightness: medium
  • Saturation: strong
  • Warm
Check contrast Explore in graph Random color

#e28b2b is a color from the orange family, with medium lightness and strong saturation. In the RGB model it is made of 88.63% red, 54.51% green and 16.86% blue; printed in CMYK it uses 0% cyan, 38.5% magenta, 80.97% yellow and 11.37% black. Its hue angle is 31.48°, with 75.93% saturation and 52.75% lightness in HSL. It is a warm color, often associated with enthusiasm, warmth and creativity. Designers typically use it for call-to-action buttons, food and restaurant brands and brand accents. Black text on this color reaches a contrast ratio of 7.96:1 (WCAG AAA). The closest named color is Fulvous (#e48400), ΔE 2.64.

Description generated from the measured properties of this color.

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

Complementary

  1. #e28b2b
  2. #2b82e2

Split complementary

  1. #e28b2b
  2. #2bdde2
  3. #302be2

Analogous

  1. #e2302b
  2. #e28b2b
  3. #dde22b

Triadic

  1. #e28b2b
  2. #2be28b
  3. #8b2be2

Tetradic

  1. #e28b2b
  2. #82e22b
  3. #2b82e2
  4. #8b2be2

Square

  1. #e28b2b
  2. #2be230
  3. #2b82e2
  4. #e22bdd

Monochromatic

  1. #663c0e
  2. #a96417
  3. #e28b2b
  4. #ebb06e
  5. #f4d5b2

Shades

#e28b2b mixed progressively with black.

  1. #e28b2b
  2. #cb7d27
  3. #b56f22
  4. #9e611e
  5. #88531a
  6. #714616
  7. #5a3811
  8. #442a0d
  9. #2d1c09
  10. #170e04
  11. #000000

Tints

#e28b2b mixed progressively with white.

  1. #e28b2b
  2. #e59740
  3. #e8a255
  4. #ebae6b
  5. #eeb980
  6. #f1c595
  7. #f3d1aa
  8. #f6dcbf
  9. #f9e8d5
  10. #fcf3ea
  11. #ffffff

Tones

#e28b2b mixed progressively with gray.

  1. #e28b2b
  2. #d88a34
  3. #ce893c
  4. #c58845
  5. #bb874d
  6. #b18656
  7. #a7845e
  8. #9d8367
  9. #94826f
  10. #8a8178
  11. #808080

Readable text 2.64:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 7.96:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #9f9f9f ≈ 0.003% of males
Achromatomaly #be9881 ≈ 0.001% of males
Protanopia #a6931a ≈ 1.01% of males
Deuteranopia #bba72c ≈ 1.27% of males
Tritanopia #f77778 ≈ 0.0001% of males
Protanomaly #c19022 ≈ 1.08% of males
Deuteranomaly #cc9d2c ≈ 4.63% of males
Tritanomaly #ef7f62 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-e28b2b {
  color: #e28b2b;
}
Background
.bg-e28b2b {
  background-color: #e28b2b;
  color: #000000;
}
Border
.border-e28b2b {
  border: 2px solid #e28b2b;
}
CSS variables
:root {
  --color-primary: #e28b2b;
  --color-primary-rgb: 226 139 43;
  --color-primary-hsl: 31 76% 53%;
}
Gradient
.gradient-e28b2b {
  background: linear-gradient(135deg, #e28b2b, #dde22b);
}
Colored shadow
.shadow-e28b2b {
  box-shadow: 0 8px 24px rgb(226 139 43 / 0.35);
}

#e48400 Fulvous ΔE 2.64 #ed9121 Carrot Orange ΔE 2.74 #ed872d Cadmium Orange ΔE 3.77 #f28500 Tangerine ΔE 3.91 #cd853f Peru ΔE 5.04 #cd7f32 Bronze ΔE 5.21 #ff8c00 Dark Orange ΔE 5.51 #1d74d4 Inverted #9f9f9f Grayscale 

Fulvous
#e28b2b  rgb(226, 139, 43)  hsl(31, 76%, 53%)  Fulvous
#2b82e2  rgb(43, 130, 226)  hsl(211, 76%, 53%)  Bleu de France
#2be28b  rgb(43, 226, 139)  hsl(151, 76%, 53%)  Medium Spring Green
#8b2be2  rgb(139, 43, 226)  hsl(271, 76%, 53%)  Blue Violet