#ddff31 hex color

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

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

● #ddff31 color description : Vivid yellow.

The hexadecimal color #ddff31 has RGB values of R:221, G:255, B:49 and CMYK values of C:0.13, M:0, Y:0.81, K:0. Its decimal value is 14548785.

Hex triplet	ddff31	`#ddff31`
RGB Decimal	221, 255, 49	`rgb(221,255,49)`
RGB Percent	86.7, 100, 19.2	`rgb(86.7%,100%,19.2%)`
CMYK	13, 0, 81, 0
HSL	69.9°, 100, 59.6	`hsl(69.9,100%,59.6%)`
HSV (or HSB)	69.9°, 80.8, 100
Web Safe	ccff33	`#ccff33`

CIE-LAB	94.786, -34.468, 84.954
XYZ	66.133, 87.114, 16.236
xyY	0.39, 0.514, 87.114
CIE-LCH	94.786, 91.68, 112.084
CIE-LUV	94.786, -14.483, 102.511
Hunter-Lab	93.335, -36.859, 55.02
Binary	11011101, 11111111, 00110001

#ddff31
```
#ddff31 rgb(221,255,49)
```
#5331ff
```
#5331ff rgb(83,49,255)
```

Complementary Color

#ffba31
```
#ffba31 rgb(255,186,49)
```
#ddff31
```
#ddff31 rgb(221,255,49)
```
#76ff31
```
#76ff31 rgb(118,255,49)
```

Analogous Color

#ba31ff
```
#ba31ff rgb(186,49,255)
```
#ddff31
```
#ddff31 rgb(221,255,49)
```
#3176ff
```
#3176ff rgb(49,118,255)
```

Split Complementary Color

#ff31dd
```
#ff31dd rgb(255,49,221)
```
#ddff31
```
#ddff31 rgb(221,255,49)
```
#31ddff
```
#31ddff rgb(49,221,255)
```

Triadic Color

#ff5331
```
#ff5331 rgb(255,83,49)
```
#ddff31
```
#ddff31 rgb(221,255,49)
```
#31ddff
```
#31ddff rgb(49,221,255)
```
#5331ff
```
#5331ff rgb(83,49,255)
```

Tetradic Color

#bee400
```
#bee400 rgb(190,228,0)
```
#d3fd00
```
#d3fd00 rgb(211,253,0)
```
#d9ff18
```
#d9ff18 rgb(217,255,24)
```
#ddff31
```
#ddff31 rgb(221,255,49)
```
#e1ff4b
```
#e1ff4b rgb(225,255,75)
```
#e5ff64
```
#e5ff64 rgb(229,255,100)
```
#eaff7e
```
#eaff7e rgb(234,255,126)
```

Monochromatic Color

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

#ffee31
```
#ffee31 rgb(255,238,49)
```
#ffff31
```
#ffff31 rgb(255,255,49)
```
#eeff31
```
#eeff31 rgb(238,255,49)
```
#ddff31
```
#ddff31 rgb(221,255,49)
```
#ccff31
```
#ccff31 rgb(204,255,49)
```
#bbff31
```
#bbff31 rgb(187,255,49)
```
#aaff31
```
#aaff31 rgb(170,255,49)
```

Similar Colors

Text with hexadecimal color #ddff31

This text has a font color of #ddff31.

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

#ddff31 background color

This paragraph has a background color of #ddff31.

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

#ddff31 border color

This element has a border color of #ddff31.

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

CSS codes

.text {color:#ddff31;}

.background {background-color:#ddff31;}

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

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

#080a00
```
#080a00 rgb(8,10,0)
```
#191d00
```
#191d00 rgb(25,29,0)
```
#293100
```
#293100 rgb(41,49,0)
```
#394500
```
#394500 rgb(57,69,0)
```
#4a5800
```
#4a5800 rgb(74,88,0)
```
#5a6c00
```
#5a6c00 rgb(90,108,0)
```
#6a7f00
```
#6a7f00 rgb(106,127,0)
```
#7b9300
```
#7b9300 rgb(123,147,0)
```
#8ba700
```
#8ba700 rgb(139,167,0)
```
#9cba00
```
#9cba00 rgb(156,186,0)
```
#acce00
```
#acce00 rgb(172,206,0)
```
#bce200
```
#bce200 rgb(188,226,0)
```
#cdf500
```
#cdf500 rgb(205,245,0)
```

Shade Color Variation

#d7ff0a
```
#d7ff0a rgb(215,255,10)
```
#daff1d
```
#daff1d rgb(218,255,29)
```
#ddff31
```
#ddff31 rgb(221,255,49)
```
#e0ff45
```
#e0ff45 rgb(224,255,69)
```
#e3ff58
```
#e3ff58 rgb(227,255,88)
```
#e7ff6c
```
#e7ff6c rgb(231,255,108)
```
#eaff7f
```
#eaff7f rgb(234,255,127)
```
#edff93
```
#edff93 rgb(237,255,147)
```
#f0ffa7
```
#f0ffa7 rgb(240,255,167)
```
#f4ffba
```
#f4ffba rgb(244,255,186)
```
#f7ffce
```
#f7ffce rgb(247,255,206)
```
#faffe2
```
#faffe2 rgb(250,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, #9da090 is the less saturated color, while #ddff31 is the most saturated one.

#9da090
```
#9da090 rgb(157,160,144)
```
#a3a888
```
#a3a888 rgb(163,168,136)
```
#a8b080
```
#a8b080 rgb(168,176,128)
```
#adb878
```
#adb878 rgb(173,184,120)
```
#b3c070
```
#b3c070 rgb(179,192,112)
```
#b8c868
```
#b8c868 rgb(184,200,104)
```
#bdcf61
```
#bdcf61 rgb(189,207,97)
```
#c2d759
```
#c2d759 rgb(194,215,89)
```
#c8df51
```
#c8df51 rgb(200,223,81)
```
#cde749
```
#cde749 rgb(205,231,73)
```
#d2ef41
```
#d2ef41 rgb(210,239,65)
```
#d8f739
```
#d8f739 rgb(216,247,57)
```
#ddff31
```
#ddff31 rgb(221,255,49)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#dde4bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff0ba Protanopia 1% of men
#ffeedb Deuteranopia 1% of men
#f3eeff Tritanopia 0.001% of the population

Trichromacy

#f2f688 Protanomaly 1% of men, 0.01% of women
#f2f49d Deuteranomaly 6% of men, 0.4% of women
#ebf4b4 Tritanomaly 0.01% of the population

#ddff31 hex color

#ddff31 Color Information

#ddff31 Color Conversion

Color Schemes with #ddff31

Alternatives to #ddff31

#ddff31 Preview

Shades and Tints of #ddff31

Tones of #ddff31

Color Blindness Simulator