#ded45f hex color

In a RGB color space, hex #ded45f is composed of 87.1% red, 83.1% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.5% magenta, 57.2% yellow and 12.9% black. It has a hue angle of 55.3 degrees, a saturation of 65.8% and a lightness of 62.2%. #ded45f color hex could be obtained by blending #ffffbe with #bda900. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 87
- G 83
- B 37
RGB color chart
- C 0
- M 5
- Y 57
- K 13
CMYK color chart

● #ded45f color description : Soft yellow.

The hexadecimal color #ded45f has RGB values of R:222, G:212, B:95 and CMYK values of C:0, M:0.05, Y:0.57, K:0.13. Its decimal value is 14603359.

Hex triplet	ded45f	`#ded45f`
RGB Decimal	222, 212, 95	`rgb(222,212,95)`
RGB Percent	87.1, 83.1, 37.3	`rgb(87.1%,83.1%,37.3%)`
CMYK	0, 5, 57, 13
HSL	55.3°, 65.8, 62.2	`hsl(55.3,65.8%,62.2%)`
HSV (or HSB)	55.3°, 57.2, 87.1
Web Safe	cccc66	`#cccc66`

CIE-LAB	83.675, -11.136, 57.908
XYZ	55.733, 63.444, 20.136
xyY	0.4, 0.455, 63.444
CIE-LCH	83.675, 58.969, 100.885
CIE-LUV	83.675, 11.898, 72.233
Hunter-Lab	79.652, -14.492, 40.768
Binary	11011110, 11010100, 01011111

#ded45f
```
#ded45f rgb(222,212,95)
```
#5f69de
```
#5f69de rgb(95,105,222)
```

Complementary Color

#de955f
```
#de955f rgb(222,149,95)
```
#ded45f
```
#ded45f rgb(222,212,95)
```
#a9de5f
```
#a9de5f rgb(169,222,95)
```

Analogous Color

#955fde
```
#955fde rgb(149,95,222)
```
#ded45f
```
#ded45f rgb(222,212,95)
```
#5fa9de
```
#5fa9de rgb(95,169,222)
```

Split Complementary Color

#d45fde
```
#d45fde rgb(212,95,222)
```
#ded45f
```
#ded45f rgb(222,212,95)
```
#5fded4
```
#5fded4 rgb(95,222,212)
```

Triadic Color

#de5f69
```
#de5f69 rgb(222,95,105)
```
#ded45f
```
#ded45f rgb(222,212,95)
```
#5fded4
```
#5fded4 rgb(95,222,212)
```
#5f69de
```
#5f69de rgb(95,105,222)
```

Tetradic Color

#c7bb29
```
#c7bb29 rgb(199,187,41)
```
#d5c935
```
#d5c935 rgb(213,201,53)
```
#dace4a
```
#dace4a rgb(218,206,74)
```
#ded45f
```
#ded45f rgb(222,212,95)
```
#e2da74
```
#e2da74 rgb(226,218,116)
```
#e7df89
```
#e7df89 rgb(231,223,137)
```
#ebe59e
```
#ebe59e rgb(235,229,158)
```

Monochromatic Color

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

#deb45f
```
#deb45f rgb(222,180,95)
```
#debf5f
```
#debf5f rgb(222,191,95)
```
#dec95f
```
#dec95f rgb(222,201,95)
```
#ded45f
```
#ded45f rgb(222,212,95)
```
#ddde5f
```
#ddde5f rgb(221,222,95)
```
#d3de5f
```
#d3de5f rgb(211,222,95)
```
#c8de5f
```
#c8de5f rgb(200,222,95)
```

Similar Colors

Text with hexadecimal color #ded45f

This text has a font color of #ded45f.

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

#ded45f background color

This paragraph has a background color of #ded45f.

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

#ded45f border color

This element has a border color of #ded45f.

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

CSS codes

.text {color:#ded45f;}

.background {background-color:#ded45f;}

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

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, #030201 is the darkest color, while #fcfbf1 is the lightest one.

#030201
```
#030201 rgb(3,2,1)
```
#131204
```
#131204 rgb(19,18,4)
```
#232107
```
#232107 rgb(35,33,7)
```
#33300b
```
#33300b rgb(51,48,11)
```
#443f0e
```
#443f0e rgb(68,63,14)
```
#544f11
```
#544f11 rgb(84,79,17)
```
#645e15
```
#645e15 rgb(100,94,21)
```
#746d18
```
#746d18 rgb(116,109,24)
```
#857c1b
```
#857c1b rgb(133,124,27)
```
#958c1f
```
#958c1f rgb(149,140,31)
```
#a59b22
```
#a59b22 rgb(165,155,34)
```
#b5aa25
```
#b5aa25 rgb(181,170,37)
```
#c6b929
```
#c6b929 rgb(198,185,41)
```

Shade Color Variation

#d4c72e
```
#d4c72e rgb(212,199,46)
```
#d7cb3e
```
#d7cb3e rgb(215,203,62)
```
#dbd04f
```
#dbd04f rgb(219,208,79)
```
#ded45f
```
#ded45f rgb(222,212,95)
```
#e1d86f
```
#e1d86f rgb(225,216,111)
```
#e5dd80
```
#e5dd80 rgb(229,221,128)
```
#e8e190
```
#e8e190 rgb(232,225,144)
```
#ebe5a0
```
#ebe5a0 rgb(235,229,160)
```
#efeab0
```
#efeab0 rgb(239,234,176)
```
#f2eec1
```
#f2eec1 rgb(242,238,193)
```
#f5f3d1
```
#f5f3d1 rgb(245,243,209)
```
#f9f7e1
```
#f9f7e1 rgb(249,247,225)
```
#fcfbf1
```
#fcfbf1 rgb(252,251,241)
```

Tint Color Variation

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

#a3a29a
```
#a3a29a rgb(163,162,154)
```
#aaa893
```
#aaa893 rgb(170,168,147)
```
#b1ae8c
```
#b1ae8c rgb(177,174,140)
```
#b9b584
```
#b9b584 rgb(185,181,132)
```
#c0bb7d
```
#c0bb7d rgb(192,187,125)
```
#c8c175
```
#c8c175 rgb(200,193,117)
```
#cfc76e
```
#cfc76e rgb(207,199,110)
```
#d7ce66
```
#d7ce66 rgb(215,206,102)
```
#ded45f
```
#ded45f rgb(222,212,95)
```
#e5da58
```
#e5da58 rgb(229,218,88)
```
#ede150
```
#ede150 rgb(237,225,80)
```
#f4e749
```
#f4e749 rgb(244,231,73)
```
#fced41
```
#fced41 rgb(252,237,65)
```

Tone Color Variation

Below, you can see how #ded45f 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

#cacaca Achromatopsia 0.005% of the population
#ceccb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d366 Protanopia 1% of men
#ffca77 Deuteranopia 1% of men
#ebcad8 Tritanopia 0.001% of the population

Trichromacy

#e5d363 Protanomaly 1% of men, 0.01% of women
#f3cd6e Deuteranomaly 6% of men, 0.4% of women
#e6cdac Tritanomaly 0.01% of the population

#ded45f hex color

#ded45f Color Information

#ded45f Color Conversion

Color Schemes with #ded45f

Alternatives to #ded45f

#ded45f Preview

Shades and Tints of #ded45f

Tones of #ded45f

Color Blindness Simulator