#cddf31 hex color

In a RGB color space, hex #cddf31 is composed of 80.4% red, 87.5% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 8.1% cyan, 0% magenta, 78% yellow and 12.5% black. It has a hue angle of 66.2 degrees, a saturation of 73.1% and a lightness of 53.3%. #cddf31 color hex could be obtained by blending #ffff62 with #9bbf00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 87
- B 19
RGB color chart
- C 8
- M 0
- Y 78
- K 13
CMYK color chart

● #cddf31 color description : Bright yellow.

The hexadecimal color #cddf31 has RGB values of R:205, G:223, B:49 and CMYK values of C:0.08, M:0, Y:0.78, K:0.13. Its decimal value is 13492017.

Hex triplet	cddf31	`#cddf31`
RGB Decimal	205, 223, 49	`rgb(205,223,49)`
RGB Percent	80.4, 87.5, 19.2	`rgb(80.4%,87.5%,19.2%)`
CMYK	8, 0, 78, 13
HSL	66.2°, 73.1, 53.3	`hsl(66.2,73.1%,53.3%)`
HSV (or HSB)	66.2°, 78, 87.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.984, -26.028, 75.895
XYZ	52.119, 65.977, 12.895
xyY	0.398, 0.504, 65.977
CIE-LCH	84.984, 80.234, 108.929
CIE-LUV	84.984, -5.4, 89.752
Hunter-Lab	81.226, -27.611, 47.446
Binary	11001101, 11011111, 00110001

#cddf31
```
#cddf31 rgb(205,223,49)
```
#4331df
```
#4331df rgb(67,49,223)
```

Complementary Color

#df9a31
```
#df9a31 rgb(223,154,49)
```
#cddf31
```
#cddf31 rgb(205,223,49)
```
#76df31
```
#76df31 rgb(118,223,49)
```

Analogous Color

#9a31df
```
#9a31df rgb(154,49,223)
```
#cddf31
```
#cddf31 rgb(205,223,49)
```
#3176df
```
#3176df rgb(49,118,223)
```

Split Complementary Color

#df31cd
```
#df31cd rgb(223,49,205)
```
#cddf31
```
#cddf31 rgb(205,223,49)
```
#31cddf
```
#31cddf rgb(49,205,223)
```

Triadic Color

#df4331
```
#df4331 rgb(223,67,49)
```
#cddf31
```
#cddf31 rgb(205,223,49)
```
#31cddf
```
#31cddf rgb(49,205,223)
```
#4331df
```
#4331df rgb(67,49,223)
```

Tetradic Color

#9aa91a
```
#9aa91a rgb(154,169,26)
```
#afbf1e
```
#afbf1e rgb(175,191,30)
```
#c3d521
```
#c3d521 rgb(195,213,33)
```
#cddf31
```
#cddf31 rgb(205,223,49)
```
#d2e247
```
#d2e247 rgb(210,226,71)
```
#d8e65d
```
#d8e65d rgb(216,230,93)
```
#dde973
```
#dde973 rgb(221,233,115)
```

Monochromatic Color

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

#dfc631
```
#dfc631 rgb(223,198,49)
```
#dfd431
```
#dfd431 rgb(223,212,49)
```
#dcdf31
```
#dcdf31 rgb(220,223,49)
```
#cddf31
```
#cddf31 rgb(205,223,49)
```
#bfdf31
```
#bfdf31 rgb(191,223,49)
```
#b0df31
```
#b0df31 rgb(176,223,49)
```
#a2df31
```
#a2df31 rgb(162,223,49)
```

Similar Colors

Text with hexadecimal color #cddf31

This text has a font color of #cddf31.

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

#cddf31 background color

This paragraph has a background color of #cddf31.

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

#cddf31 border color

This element has a border color of #cddf31.

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

CSS codes

.text {color:#cddf31;}

.background {background-color:#cddf31;}

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

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, #0d0f02 is the darkest color, while #fefffd is the lightest one.

#0d0f02
```
#0d0f02 rgb(13,15,2)
```
#1d2005
```
#1d2005 rgb(29,32,5)
```
#2c3108
```
#2c3108 rgb(44,49,8)
```
#3c420a
```
#3c420a rgb(60,66,10)
```
#4b530d
```
#4b530d rgb(75,83,13)
```
#5b640f
```
#5b640f rgb(91,100,15)
```
#6a7512
```
#6a7512 rgb(106,117,18)
```
#7a8615
```
#7a8615 rgb(122,134,21)
```
#899717
```
#899717 rgb(137,151,23)
```
#99a81a
```
#99a81a rgb(153,168,26)
```
#a8b81d
```
#a8b81d rgb(168,184,29)
```
#b8c91f
```
#b8c91f rgb(184,201,31)
```
#c7da22
```
#c7da22 rgb(199,218,34)
```

Shade Color Variation

#cddf31
```
#cddf31 rgb(205,223,49)
```
#d1e242
```
#d1e242 rgb(209,226,66)
```
#d5e453
```
#d5e453 rgb(213,228,83)
```
#d9e764
```
#d9e764 rgb(217,231,100)
```
#ddea75
```
#ddea75 rgb(221,234,117)
```
#e2ec86
```
#e2ec86 rgb(226,236,134)
```
#e6ef97
```
#e6ef97 rgb(230,239,151)
```
#eaf1a8
```
#eaf1a8 rgb(234,241,168)
```
#eef4b9
```
#eef4b9 rgb(238,244,185)
```
#f2f7ca
```
#f2f7ca rgb(242,247,202)
```
#f6f9db
```
#f6f9db rgb(246,249,219)
```
#fafcec
```
#fafcec rgb(250,252,236)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#8c8d83
```
#8c8d83 rgb(140,141,131)
```
#93967a
```
#93967a rgb(147,150,122)
```
#9a9f71
```
#9a9f71 rgb(154,159,113)
```
#a1a868
```
#a1a868 rgb(161,168,104)
```
#a9b15f
```
#a9b15f rgb(169,177,95)
```
#b0ba56
```
#b0ba56 rgb(176,186,86)
```
#b7c44c
```
#b7c44c rgb(183,196,76)
```
#becd43
```
#becd43 rgb(190,205,67)
```
#c6d63a
```
#c6d63a rgb(198,214,58)
```
#cddf31
```
#cddf31 rgb(205,223,49)
```
#d4e828
```
#d4e828 rgb(212,232,40)
```
#dcf11f
```
#dcf11f rgb(220,241,31)
```
#e3fa16
```
#e3fa16 rgb(227,250,22)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c7cba8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd639 Protanopia 1% of men
#ffce81 Deuteranopia 1% of men
#e0d2e1 Tritanopia 0.001% of the population

Trichromacy

#e3d936 Protanomaly 1% of men, 0.01% of women
#ecd464 Deuteranomaly 6% of men, 0.4% of women
#d9d6a1 Tritanomaly 0.01% of the population

#cddf31 hex color

#cddf31 Color Information

#cddf31 Color Conversion

Color Schemes with #cddf31

Alternatives to #cddf31

#cddf31 Preview

Shades and Tints of #cddf31

Tones of #cddf31

Color Blindness Simulator