#ddb23f hex color

In a RGB color space, hex #ddb23f is composed of 86.7% red, 69.8% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.5% magenta, 71.5% yellow and 13.3% black. It has a hue angle of 43.7 degrees, a saturation of 69.9% and a lightness of 55.7%. #ddb23f color hex could be obtained by blending #ffff7e with #bb6500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 87
- G 70
- B 25
RGB color chart
- C 0
- M 19
- Y 71
- K 13
CMYK color chart

● #ddb23f color description : Bright orange.

The hexadecimal color #ddb23f has RGB values of R:221, G:178, B:63 and CMYK values of C:0, M:0.19, Y:0.71, K:0.13. Its decimal value is 14529087.

Hex triplet	ddb23f	`#ddb23f`
RGB Decimal	221, 178, 63	`rgb(221,178,63)`
RGB Percent	86.7, 69.8, 24.7	`rgb(86.7%,69.8%,24.7%)`
CMYK	0, 19, 71, 13
HSL	43.7°, 69.9, 55.7	`hsl(43.7,69.9%,55.7%)`
HSV (or HSB)	43.7°, 71.5, 86.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	74.555, 4.042, 61.787
XYZ	46.637, 47.574, 11.429
xyY	0.441, 0.45, 47.574
CIE-LCH	74.555, 61.919, 86.257
CIE-LUV	74.555, 35.813, 68.382
Hunter-Lab	68.974, -0.011, 38.458
Binary	11011101, 10110010, 00111111

#ddb23f
```
#ddb23f rgb(221,178,63)
```
#3f6add
```
#3f6add rgb(63,106,221)
```

Complementary Color

#dd633f
```
#dd633f rgb(221,99,63)
```
#ddb23f
```
#ddb23f rgb(221,178,63)
```
#b9dd3f
```
#b9dd3f rgb(185,221,63)
```

Analogous Color

#633fdd
```
#633fdd rgb(99,63,221)
```
#ddb23f
```
#ddb23f rgb(221,178,63)
```
#3fb9dd
```
#3fb9dd rgb(63,185,221)
```

Split Complementary Color

#b23fdd
```
#b23fdd rgb(178,63,221)
```
#ddb23f
```
#ddb23f rgb(221,178,63)
```
#3fddb2
```
#3fddb2 rgb(63,221,178)
```

Triadic Color

#dd3f6a
```
#dd3f6a rgb(221,63,106)
```
#ddb23f
```
#ddb23f rgb(221,178,63)
```
#3fddb2
```
#3fddb2 rgb(63,221,178)
```
#3f6add
```
#3f6add rgb(63,106,221)
```

Tetradic Color

#b0891f
```
#b0891f rgb(176,137,31)
```
#c69a23
```
#c69a23 rgb(198,154,35)
```
#d9a929
```
#d9a929 rgb(217,169,41)
```
#ddb23f
```
#ddb23f rgb(221,178,63)
```
#e1bb55
```
#e1bb55 rgb(225,187,85)
```
#e5c36a
```
#e5c36a rgb(229,195,106)
```
#e9cc80
```
#e9cc80 rgb(233,204,128)
```

Monochromatic Color

Below, you can see some colors close to #ddb23f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#dd8b3f
```
#dd8b3f rgb(221,139,63)
```
#dd983f
```
#dd983f rgb(221,152,63)
```
#dda53f
```
#dda53f rgb(221,165,63)
```
#ddb23f
```
#ddb23f rgb(221,178,63)
```
#ddbf3f
```
#ddbf3f rgb(221,191,63)
```
#ddcc3f
```
#ddcc3f rgb(221,204,63)
```
#ddda3f
```
#ddda3f rgb(221,218,63)
```

Similar Colors

Text with hexadecimal color #ddb23f

This text has a font color of #ddb23f.

<span style="color:#ddb23f;">Text here</span>

#ddb23f background color

This paragraph has a background color of #ddb23f.

<p style="background-color:#ddb23f;">Content here</p>

#ddb23f border color

This element has a border color of #ddb23f.

<div style="border:1px solid #ddb23f;">Content here</div>

CSS codes

.text {color:#ddb23f;}

.background {background-color:#ddb23f;}

.border {border:1px solid #ddb23f;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #080601 is the darkest color, while #fdfcf6 is the lightest one.

#080601
```
#080601 rgb(8,6,1)
```
#191304
```
#191304 rgb(25,19,4)
```
#292007
```
#292007 rgb(41,32,7)
```
#3a2d0a
```
#3a2d0a rgb(58,45,10)
```
#4b3a0d
```
#4b3a0d rgb(75,58,13)
```
#5b4710
```
#5b4710 rgb(91,71,16)
```
#6c5413
```
#6c5413 rgb(108,84,19)
```
#7d6116
```
#7d6116 rgb(125,97,22)
```
#8d6e19
```
#8d6e19 rgb(141,110,25)
```
#9e7b1c
```
#9e7b1c rgb(158,123,28)
```
#af881f
```
#af881f rgb(175,136,31)
```
#bf9422
```
#bf9422 rgb(191,148,34)
```
#d0a125
```
#d0a125 rgb(208,161,37)
```

Shade Color Variation

#daab2e
```
#daab2e rgb(218,171,46)
```
#ddb23f
```
#ddb23f rgb(221,178,63)
```
#e0b950
```
#e0b950 rgb(224,185,80)
```
#e3bf60
```
#e3bf60 rgb(227,191,96)
```
#e6c671
```
#e6c671 rgb(230,198,113)
```
#e9cd82
```
#e9cd82 rgb(233,205,130)
```
#ecd392
```
#ecd392 rgb(236,211,146)
```
#efdaa3
```
#efdaa3 rgb(239,218,163)
```
#f2e1b4
```
#f2e1b4 rgb(242,225,180)
```
#f5e7c4
```
#f5e7c4 rgb(245,231,196)
```
#f8eed5
```
#f8eed5 rgb(248,238,213)
```
#fbf5e6
```
#fbf5e6 rgb(251,245,230)
```
#fdfcf6
```
#fdfcf6 rgb(253,252,246)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8e8d is the less saturated color, while #f7be25 is the most saturated one.

#8f8e8d
```
#8f8e8d rgb(143,142,141)
```
#979285
```
#979285 rgb(151,146,133)
```
#a0967c
```
#a0967c rgb(160,150,124)
```
#a99a73
```
#a99a73 rgb(169,154,115)
```
#b29e6a
```
#b29e6a rgb(178,158,106)
```
#baa262
```
#baa262 rgb(186,162,98)
```
#c3a659
```
#c3a659 rgb(195,166,89)
```
#ccaa50
```
#ccaa50 rgb(204,170,80)
```
#d4ae48
```
#d4ae48 rgb(212,174,72)
```
#ddb23f
```
#ddb23f rgb(221,178,63)
```
#e6b636
```
#e6b636 rgb(230,182,54)
```
#eeba2e
```
#eeba2e rgb(238,186,46)
```
#f7be25
```
#f7be25 rgb(247,190,37)
```

Tone Color Variation

Below, you can see how #ddb23f is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#b2b2b2 Achromatopsia 0.005% of the population
#bbb29b Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0bb4a Protanopia 1% of men
#e7b24a Deuteranopia 1% of men
#e7abb6 Tritanopia 0.001% of the population

Trichromacy

#d4b746 Protanomaly 1% of men, 0.01% of women
#e3b246 Deuteranomaly 6% of men, 0.4% of women
#e3ad8b Tritanomaly 0.01% of the population

#ddb23f hex color

#ddb23f Color Information

#ddb23f Color Conversion

Color Schemes with #ddb23f

Alternatives to #ddb23f

#ddb23f Preview

Shades and Tints of #ddb23f

Tones of #ddb23f

Color Blindness Simulator