#cdff31 hex color

In a RGB color space, hex #cdff31 is composed of 80.4% red, 100% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 19.6% cyan, 0% magenta, 80.8% yellow and 0% black. It has a hue angle of 74.6 degrees, a saturation of 100% and a lightness of 59.6%. #cdff31 color hex could be obtained by blending #ffff62 with #9bff00. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 80
- G 100
- B 19
RGB color chart
- C 20
- M 0
- Y 81
- K 0
CMYK color chart

● #cdff31 color description : Vivid yellow.

The hexadecimal color #cdff31 has RGB values of R:205, G:255, B:49 and CMYK values of C:0.2, M:0, Y:0.81, K:0. Its decimal value is 13500209.

Hex triplet	cdff31	`#cdff31`
RGB Decimal	205, 255, 49	`rgb(205,255,49)`
RGB Percent	80.4, 100, 19.2	`rgb(80.4%,100%,19.2%)`
CMYK	20, 0, 81, 0
HSL	74.6°, 100, 59.6	`hsl(74.6,100%,59.6%)`
HSV (or HSB)	74.6°, 80.8, 100
Web Safe	ccff33	`#ccff33`

CIE-LAB	93.762, -40.673, 83.665
XYZ	61.49, 84.72, 16.019
xyY	0.379, 0.522, 84.72
CIE-LCH	93.762, 93.027, 115.926
CIE-LUV	93.762, -23.953, 102.446
Hunter-Lab	92.044, -41.828, 54.112
Binary	11001101, 11111111, 00110001

#cdff31
```
#cdff31 rgb(205,255,49)
```
#6331ff
```
#6331ff rgb(99,49,255)
```

Complementary Color

#ffca31
```
#ffca31 rgb(255,202,49)
```
#cdff31
```
#cdff31 rgb(205,255,49)
```
#66ff31
```
#66ff31 rgb(102,255,49)
```

Analogous Color

#ca31ff
```
#ca31ff rgb(202,49,255)
```
#cdff31
```
#cdff31 rgb(205,255,49)
```
#3166ff
```
#3166ff rgb(49,102,255)
```

Split Complementary Color

#ff31cd
```
#ff31cd rgb(255,49,205)
```
#cdff31
```
#cdff31 rgb(205,255,49)
```
#31cdff
```
#31cdff rgb(49,205,255)
```

Triadic Color

#ff6331
```
#ff6331 rgb(255,99,49)
```
#cdff31
```
#cdff31 rgb(205,255,49)
```
#31cdff
```
#31cdff rgb(49,205,255)
```
#6331ff
```
#6331ff rgb(99,49,255)
```

Tetradic Color

#ace400
```
#ace400 rgb(172,228,0)
```
#c0fd00
```
#c0fd00 rgb(192,253,0)
```
#c7ff18
```
#c7ff18 rgb(199,255,24)
```
#cdff31
```
#cdff31 rgb(205,255,49)
```
#d3ff4b
```
#d3ff4b rgb(211,255,75)
```
#d9ff64
```
#d9ff64 rgb(217,255,100)
```
#e0ff7e
```
#e0ff7e rgb(224,255,126)
```

Monochromatic Color

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

#fffe31
```
#fffe31 rgb(255,254,49)
```
#efff31
```
#efff31 rgb(239,255,49)
```
#deff31
```
#deff31 rgb(222,255,49)
```
#cdff31
```
#cdff31 rgb(205,255,49)
```
#bcff31
```
#bcff31 rgb(188,255,49)
```
#abff31
```
#abff31 rgb(171,255,49)
```
#9aff31
```
#9aff31 rgb(154,255,49)
```

Similar Colors

Text with hexadecimal color #cdff31

This text has a font color of #cdff31.

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

#cdff31 background color

This paragraph has a background color of #cdff31.

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

#cdff31 border color

This element has a border color of #cdff31.

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

CSS codes

.text {color:#cdff31;}

.background {background-color:#cdff31;}

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

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, #070a00 is the darkest color, while #fdfff5 is the lightest one.

#070a00
```
#070a00 rgb(7,10,0)
```
#161d00
```
#161d00 rgb(22,29,0)
```
#253100
```
#253100 rgb(37,49,0)
```
#344500
```
#344500 rgb(52,69,0)
```
#435800
```
#435800 rgb(67,88,0)
```
#526c00
```
#526c00 rgb(82,108,0)
```
#617f00
```
#617f00 rgb(97,127,0)
```
#6f9300
```
#6f9300 rgb(111,147,0)
```
#7ea700
```
#7ea700 rgb(126,167,0)
```
#8dba00
```
#8dba00 rgb(141,186,0)
```
#9cce00
```
#9cce00 rgb(156,206,0)
```
#abe200
```
#abe200 rgb(171,226,0)
```
#baf500
```
#baf500 rgb(186,245,0)
```

Shade Color Variation

#c3ff0a
```
#c3ff0a rgb(195,255,10)
```
#c8ff1d
```
#c8ff1d rgb(200,255,29)
```
#cdff31
```
#cdff31 rgb(205,255,49)
```
#d2ff45
```
#d2ff45 rgb(210,255,69)
```
#d7ff58
```
#d7ff58 rgb(215,255,88)
```
#dbff6c
```
#dbff6c rgb(219,255,108)
```
#e0ff7f
```
#e0ff7f rgb(224,255,127)
```
#e5ff93
```
#e5ff93 rgb(229,255,147)
```
#eaffa7
```
#eaffa7 rgb(234,255,167)
```
#eeffba
```
#eeffba rgb(238,255,186)
```
#f3ffce
```
#f3ffce rgb(243,255,206)
```
#f8ffe2
```
#f8ffe2 rgb(248,255,226)
```
#fdfff5
```
#fdfff5 rgb(253,255,245)
```

Tint Color Variation

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

#9ca090
```
#9ca090 rgb(156,160,144)
```
#a0a888
```
#a0a888 rgb(160,168,136)
```
#a4b080
```
#a4b080 rgb(164,176,128)
```
#a8b878
```
#a8b878 rgb(168,184,120)
```
#acc070
```
#acc070 rgb(172,192,112)
```
#b0c868
```
#b0c868 rgb(176,200,104)
```
#b5cf61
```
#b5cf61 rgb(181,207,97)
```
#b9d759
```
#b9d759 rgb(185,215,89)
```
#bddf51
```
#bddf51 rgb(189,223,81)
```
#c1e749
```
#c1e749 rgb(193,231,73)
```
#c5ef41
```
#c5ef41 rgb(197,239,65)
```
#c9f739
```
#c9f739 rgb(201,247,57)
```
#cdff31
```
#cdff31 rgb(205,255,49)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#d7e1b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeea8 Protanopia 1% of men
#ffebd3 Deuteranopia 1% of men
#e6eeff Tritanopia 0.001% of the population

Trichromacy

#ecf47d Protanomaly 1% of men, 0.01% of women
#ecf298 Deuteranomaly 6% of men, 0.4% of women
#ddf4b4 Tritanomaly 0.01% of the population

#cdff31 hex color

#cdff31 Color Information

#cdff31 Color Conversion

Color Schemes with #cdff31

Alternatives to #cdff31

#cdff31 Preview

Shades and Tints of #cdff31

Tones of #cdff31

Color Blindness Simulator