ColorTool
Log in
#DFA126

#dfa126 ≈ Marigold

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

#dfa126 is a color from the orange family, with medium lightness and strong saturation. In the RGB model it is made of 87.45% red, 63.14% green and 14.9% blue; printed in CMYK it uses 0% cyan, 27.8% magenta, 82.96% yellow and 12.55% black. Its hue angle is 39.89°, with 74.3% saturation and 51.18% 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 9.26:1 (WCAG AAA). The closest named color is Marigold (#eaa221), ΔE 2.52.

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.4132

Complementary

  1. #dfa126
  2. #2664df

Split complementary

  1. #dfa126
  2. #26c1df
  3. #4526df

Analogous

  1. #df4526
  2. #dfa126
  3. #c1df26

Triadic

  1. #dfa126
  2. #26dfa1
  3. #a126df

Tetradic

  1. #dfa126
  2. #64df26
  3. #2664df
  4. #a126df

Square

  1. #dfa126
  2. #26df45
  3. #2664df
  4. #df26c1

Monochromatic

  1. #5e430e
  2. #a17318
  3. #dfa126
  4. #e9be69
  5. #f3dbab

Shades

#dfa126 mixed progressively with black.

  1. #dfa126
  2. #c99122
  3. #b2811e
  4. #9c711b
  5. #866117
  6. #705113
  7. #59400f
  8. #43300b
  9. #2d2008
  10. #161004
  11. #000000

Tints

#dfa126 mixed progressively with white.

  1. #dfa126
  2. #e2aa3c
  3. #e5b451
  4. #e9bd67
  5. #ecc77d
  6. #efd093
  7. #f2d9a8
  8. #f5e3be
  9. #f9ecd4
  10. #fcf6e9
  11. #ffffff

Tones

#dfa126 mixed progressively with gray.

  1. #dfa126
  2. #d69e2f
  3. #cc9a38
  4. #c39741
  5. #b9944a
  6. #b09153
  7. #a68d5c
  8. #9d8a65
  9. #93876e
  10. #8a8377
  11. #808080

Readable text 2.27:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Readable text 9.26:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Achromatopsia #acacac ≈ 0.003% of males
Achromatomaly #c3a88a ≈ 0.001% of males
Protanopia #b9a301 ≈ 1.01% of males
Deuteranopia #c7b22c ≈ 1.27% of males
Tritanopia #f38f8a ≈ 0.0001% of males
Protanomaly #c9a216 ≈ 1.08% of males
Deuteranomaly #d1ac2a ≈ 4.63% of males
Tritanomaly #eb9770 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-dfa126 {
  color: #dfa126;
}
Background
.bg-dfa126 {
  background-color: #dfa126;
  color: #000000;
}
Border
.border-dfa126 {
  border: 2px solid #dfa126;
}
CSS variables
:root {
  --color-primary: #dfa126;
  --color-primary-rgb: 223 161 38;
  --color-primary-hsl: 40 74% 51%;
}
Gradient
.gradient-dfa126 {
  background: linear-gradient(135deg, #dfa126, #c1df26);
}
Colored shadow
.shadow-dfa126 {
  box-shadow: 0 8px 24px rgb(223 161 38 / 0.35);
}

#eaa221 Marigold ΔE 2.52 #e49b0f Gamboge ΔE 2.79 #daa520 Goldenrod ΔE 2.97 #e3a857 Indian Yellow ΔE 5.67 #ffa500 Orange ΔE 6.62 #e5b73b Meat Brown ΔE 6.89 #ffb347 Pastel Orange ΔE 7.00 #205ed9 Inverted #acacac Grayscale 

Marigold
#dfa126  rgb(223, 161, 38)  hsl(40, 74%, 51%)  Marigold
#2664df  rgb(38, 100, 223)  hsl(220, 74%, 51%)  Royal Blue
#26dfa1  rgb(38, 223, 161)  hsl(160, 74%, 51%)  Caribbean Green
#a126df  rgb(161, 38, 223)  hsl(280, 74%, 51%)  Dark Orchid