#cbdd1f hex color

In a RGB color space, hex #cbdd1f is composed of 79.6% red, 86.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 8.1% cyan, 0% magenta, 86% yellow and 13.3% black. It has a hue angle of 65.7 degrees, a saturation of 75.4% and a lightness of 49.4%. #cbdd1f color hex could be obtained by blending #ffff3e with #97bb00. Closest websafe color is: #cccc33.

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

● #cbdd1f color description : Vivid yellow.

The hexadecimal color #cbdd1f has RGB values of R:203, G:221, B:31 and CMYK values of C:0.08, M:0, Y:0.86, K:0.13. Its decimal value is 13360415.

Hex triplet	cbdd1f	`#cbdd1f`
RGB Decimal	203, 221, 31	`rgb(203,221,31)`
RGB Percent	79.6, 86.7, 12.2	`rgb(79.6%,86.7%,12.2%)`
CMYK	8, 0, 86, 13
HSL	65.7°, 75.4, 49.4	`hsl(65.7,75.4%,49.4%)`
HSV (or HSB)	65.7°, 86, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.23, -26.437, 79.45
XYZ	50.732, 64.509, 11.075
xyY	0.402, 0.511, 64.509
CIE-LCH	84.23, 83.733, 108.405
CIE-LUV	84.23, -5.328, 91.717
Hunter-Lab	80.317, -27.806, 48.046
Binary	11001011, 11011101, 00011111

#cbdd1f
```
#cbdd1f rgb(203,221,31)
```
#311fdd
```
#311fdd rgb(49,31,221)
```

Complementary Color

#dd901f
```
#dd901f rgb(221,144,31)
```
#cbdd1f
```
#cbdd1f rgb(203,221,31)
```
#6cdd1f
```
#6cdd1f rgb(108,221,31)
```

Analogous Color

#901fdd
```
#901fdd rgb(144,31,221)
```
#cbdd1f
```
#cbdd1f rgb(203,221,31)
```
#1f6cdd
```
#1f6cdd rgb(31,108,221)
```

Split Complementary Color

#dd1fcb
```
#dd1fcb rgb(221,31,203)
```
#cbdd1f
```
#cbdd1f rgb(203,221,31)
```
#1fcbdd
```
#1fcbdd rgb(31,203,221)
```

Triadic Color

#dd311f
```
#dd311f rgb(221,49,31)
```
#cbdd1f
```
#cbdd1f rgb(203,221,31)
```
#1fcbdd
```
#1fcbdd rgb(31,203,221)
```
#311fdd
```
#311fdd rgb(49,31,221)
```

Tetradic Color

#8d9a16
```
#8d9a16 rgb(141,154,22)
```
#a2b019
```
#a2b019 rgb(162,176,25)
```
#b6c71c
```
#b6c71c rgb(182,199,28)
```
#cbdd1f
```
#cbdd1f rgb(203,221,31)
```
#d2e233
```
#d2e233 rgb(210,226,51)
```
#d7e649
```
#d7e649 rgb(215,230,73)
```
#dce960
```
#dce960 rgb(220,233,96)
```

Monochromatic Color

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

#ddc01f
```
#ddc01f rgb(221,192,31)
```
#ddcf1f
```
#ddcf1f rgb(221,207,31)
```
#dbdd1f
```
#dbdd1f rgb(219,221,31)
```
#cbdd1f
```
#cbdd1f rgb(203,221,31)
```
#bbdd1f
```
#bbdd1f rgb(187,221,31)
```
#abdd1f
```
#abdd1f rgb(171,221,31)
```
#9cdd1f
```
#9cdd1f rgb(156,221,31)
```

Similar Colors

Text with hexadecimal color #cbdd1f

This text has a font color of #cbdd1f.

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

#cbdd1f background color

This paragraph has a background color of #cbdd1f.

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

#cbdd1f border color

This element has a border color of #cbdd1f.

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

CSS codes

.text {color:#cbdd1f;}

.background {background-color:#cbdd1f;}

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

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 #fefffc is the lightest one.

#0d0f02
```
#0d0f02 rgb(13,15,2)
```
#1d2004
```
#1d2004 rgb(29,32,4)
```
#2d3107
```
#2d3107 rgb(45,49,7)
```
#3d4209
```
#3d4209 rgb(61,66,9)
```
#4d530c
```
#4d530c rgb(77,83,12)
```
#5c650e
```
#5c650e rgb(92,101,14)
```
#6c7611
```
#6c7611 rgb(108,118,17)
```
#7c8713
```
#7c8713 rgb(124,135,19)
```
#8c9815
```
#8c9815 rgb(140,152,21)
```
#9ca918
```
#9ca918 rgb(156,169,24)
```
#abbb1a
```
#abbb1a rgb(171,187,26)
```
#bbcc1d
```
#bbcc1d rgb(187,204,29)
```
#cbdd1f
```
#cbdd1f rgb(203,221,31)
```

Shade Color Variation

#d1e22e
```
#d1e22e rgb(209,226,46)
```
#d4e43f
```
#d4e43f rgb(212,228,63)
```
#d8e750
```
#d8e750 rgb(216,231,80)
```
#dce962
```
#dce962 rgb(220,233,98)
```
#e0eb73
```
#e0eb73 rgb(224,235,115)
```
#e4ee84
```
#e4ee84 rgb(228,238,132)
```
#e8f095
```
#e8f095 rgb(232,240,149)
```
#ebf3a6
```
#ebf3a6 rgb(235,243,166)
```
#eff5b8
```
#eff5b8 rgb(239,245,184)
```
#f3f7c9
```
#f3f7c9 rgb(243,247,201)
```
#f7fada
```
#f7fada rgb(247,250,218)
```
#fbfceb
```
#fbfceb rgb(251,252,235)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

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

#848676
```
#848676 rgb(132,134,118)
```
#8c8f6d
```
#8c8f6d rgb(140,143,109)
```
#949963
```
#949963 rgb(148,153,99)
```
#9ca359
```
#9ca359 rgb(156,163,89)
```
#a4ad4f
```
#a4ad4f rgb(164,173,79)
```
#acb646
```
#acb646 rgb(172,182,70)
```
#b3c03c
```
#b3c03c rgb(179,192,60)
```
#bbca32
```
#bbca32 rgb(187,202,50)
```
#c3d329
```
#c3d329 rgb(195,211,41)
```
#cbdd1f
```
#cbdd1f rgb(203,221,31)
```
#d3e715
```
#d3e715 rgb(211,231,21)
```
#dbf00c
```
#dbf00c rgb(219,240,12)
```
#e3fa02
```
#e3fa02 rgb(227,250,2)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c4c7a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed427 Protanopia 1% of men
#ffcc75 Deuteranopia 1% of men
#ded0de Tritanopia 0.001% of the population

Trichromacy

#e1d724 Protanomaly 1% of men, 0.01% of women
#ecd256 Deuteranomaly 6% of men, 0.4% of women
#d7d499 Tritanomaly 0.01% of the population

#cbdd1f hex color

#cbdd1f Color Information

#cbdd1f Color Conversion

Color Schemes with #cbdd1f

Alternatives to #cbdd1f

#cbdd1f Preview

Shades and Tints of #cbdd1f

Tones of #cbdd1f

Color Blindness Simulator