#ded53f hex color

In a RGB color space, hex #ded53f is composed of 87.1% red, 83.5% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.1% magenta, 71.6% yellow and 12.9% black. It has a hue angle of 56.6 degrees, a saturation of 70.7% and a lightness of 55.9%. #ded53f color hex could be obtained by blending #ffff7e with #bdab00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 87
- G 84
- B 25
RGB color chart
- C 0
- M 4
- Y 72
- K 13
CMYK color chart

● #ded53f color description : Bright yellow.

The hexadecimal color #ded53f has RGB values of R:222, G:213, B:63 and CMYK values of C:0, M:0.04, Y:0.72, K:0.13. Its decimal value is 14603583.

Hex triplet	ded53f	`#ded53f`
RGB Decimal	222, 213, 63	`rgb(222,213,63)`
RGB Percent	87.1, 83.5, 24.7	`rgb(87.1%,83.5%,24.7%)`
CMYK	0, 4, 72, 13
HSL	56.6°, 70.7, 55.9	`hsl(56.6,70.7%,55.9%)`
HSV (or HSB)	56.6°, 71.6, 87.1
Web Safe	cccc33	`#cccc33`

CIE-LAB	83.693, -13.522, 70.778
XYZ	54.816, 63.478, 14.067
xyY	0.414, 0.48, 63.478
CIE-LCH	83.693, 72.058, 100.816
CIE-LUV	83.693, 12.124, 82.887
Hunter-Lab	79.673, -16.619, 45.303
Binary	11011110, 11010101, 00111111

#ded53f
```
#ded53f rgb(222,213,63)
```
#3f48de
```
#3f48de rgb(63,72,222)
```

Complementary Color

#de863f
```
#de863f rgb(222,134,63)
```
#ded53f
```
#ded53f rgb(222,213,63)
```
#98de3f
```
#98de3f rgb(152,222,63)
```

Analogous Color

#863fde
```
#863fde rgb(134,63,222)
```
#ded53f
```
#ded53f rgb(222,213,63)
```
#3f98de
```
#3f98de rgb(63,152,222)
```

Split Complementary Color

#d53fde
```
#d53fde rgb(213,63,222)
```
#ded53f
```
#ded53f rgb(222,213,63)
```
#3fded5
```
#3fded5 rgb(63,222,213)
```

Triadic Color

#de3f48
```
#de3f48 rgb(222,63,72)
```
#ded53f
```
#ded53f rgb(222,213,63)
```
#3fded5
```
#3fded5 rgb(63,222,213)
```
#3f48de
```
#3f48de rgb(63,72,222)
```

Tetradic Color

#b2aa1f
```
#b2aa1f rgb(178,170,31)
```
#c8be22
```
#c8be22 rgb(200,190,34)
```
#dad029
```
#dad029 rgb(218,208,41)
```
#ded53f
```
#ded53f rgb(222,213,63)
```
#e2da55
```
#e2da55 rgb(226,218,85)
```
#e5df6b
```
#e5df6b rgb(229,223,107)
```
#e9e380
```
#e9e380 rgb(233,227,128)
```

Monochromatic Color

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

#dead3f
```
#dead3f rgb(222,173,63)
```
#debb3f
```
#debb3f rgb(222,187,63)
```
#dec83f
```
#dec83f rgb(222,200,63)
```
#ded53f
```
#ded53f rgb(222,213,63)
```
#dade3f
```
#dade3f rgb(218,222,63)
```
#cdde3f
```
#cdde3f rgb(205,222,63)
```
#bfde3f
```
#bfde3f rgb(191,222,63)
```

Similar Colors

Text with hexadecimal color #ded53f

This text has a font color of #ded53f.

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

#ded53f background color

This paragraph has a background color of #ded53f.

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

#ded53f border color

This element has a border color of #ded53f.

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

CSS codes

.text {color:#ded53f;}

.background {background-color:#ded53f;}

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

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

#090802
```
#090802 rgb(9,8,2)
```
#1a1804
```
#1a1804 rgb(26,24,4)
```
#2a2807
```
#2a2807 rgb(42,40,7)
```
#3b380a
```
#3b380a rgb(59,56,10)
```
#4c480d
```
#4c480d rgb(76,72,13)
```
#5d5810
```
#5d5810 rgb(93,88,16)
```
#6d6813
```
#6d6813 rgb(109,104,19)
```
#7e7816
```
#7e7816 rgb(126,120,22)
```
#8f8819
```
#8f8819 rgb(143,136,25)
```
#a0981b
```
#a0981b rgb(160,152,27)
```
#b0a81e
```
#b0a81e rgb(176,168,30)
```
#c1b821
```
#c1b821 rgb(193,184,33)
```
#d2c824
```
#d2c824 rgb(210,200,36)
```

Shade Color Variation

#dbd12e
```
#dbd12e rgb(219,209,46)
```
#ded53f
```
#ded53f rgb(222,213,63)
```
#e1d950
```
#e1d950 rgb(225,217,80)
```
#e4dc60
```
#e4dc60 rgb(228,220,96)
```
#e7e071
```
#e7e071 rgb(231,224,113)
```
#eae482
```
#eae482 rgb(234,228,130)
```
#ece793
```
#ece793 rgb(236,231,147)
```
#efeba3
```
#efeba3 rgb(239,235,163)
```
#f2efb4
```
#f2efb4 rgb(242,239,180)
```
#f5f2c5
```
#f5f2c5 rgb(245,242,197)
```
#f8f6d6
```
#f8f6d6 rgb(248,246,214)
```
#fbfae6
```
#fbfae6 rgb(251,250,230)
```
#fefdf7
```
#fefdf7 rgb(254,253,247)
```

Tint Color Variation

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

#90908d
```
#90908d rgb(144,144,141)
```
#999884
```
#999884 rgb(153,152,132)
```
#a19f7c
```
#a19f7c rgb(161,159,124)
```
#aaa773
```
#aaa773 rgb(170,167,115)
```
#b3af6a
```
#b3af6a rgb(179,175,106)
```
#bbb662
```
#bbb662 rgb(187,182,98)
```
#c4be59
```
#c4be59 rgb(196,190,89)
```
#cdc650
```
#cdc650 rgb(205,198,80)
```
#d5cd48
```
#d5cd48 rgb(213,205,72)
```
#ded53f
```
#ded53f rgb(222,213,63)
```
#e7dd36
```
#e7dd36 rgb(231,221,54)
```
#efe42e
```
#efe42e rgb(239,228,46)
```
#f8ec25
```
#f8ec25 rgb(248,236,37)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#cccaac Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd348 Protanopia 1% of men
#ffca70 Deuteranopia 1% of men
#edc9d7 Tritanopia 0.001% of the population

Trichromacy

#e6d344 Protanomaly 1% of men, 0.01% of women
#f3ce5e Deuteranomaly 6% of men, 0.4% of women
#e7cda0 Tritanomaly 0.01% of the population

#ded53f hex color

#ded53f Color Information

#ded53f Color Conversion

Color Schemes with #ded53f

Alternatives to #ded53f

#ded53f Preview

Shades and Tints of #ded53f

Tones of #ded53f

Color Blindness Simulator