#cceb1f hex color

In a RGB color space, hex #cceb1f is composed of 80% red, 92.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 13.2% cyan, 0% magenta, 86.8% yellow and 7.8% black. It has a hue angle of 69.1 degrees, a saturation of 83.6% and a lightness of 52.2%. #cceb1f color hex could be obtained by blending #ffff3e with #99d700. Closest websafe color is: #ccff33.

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

● #cceb1f color description : Vivid yellow.

The hexadecimal color #cceb1f has RGB values of R:204, G:235, B:31 and CMYK values of C:0.13, M:0, Y:0.87, K:0.08. Its decimal value is 13429535.

Hex triplet	cceb1f	`#cceb1f`
RGB Decimal	204, 235, 31	`rgb(204,235,31)`
RGB Percent	80, 92.2, 12.2	`rgb(80%,92.2%,12.2%)`
CMYK	13, 0, 87, 8
HSL	69.1°, 83.6, 52.2	`hsl(69.1,83.6%,52.2%)`
HSV (or HSB)	69.1°, 86.8, 92.2
Web Safe	ccff33	`#ccff33`

CIE-LAB	88.138, -32.576, 82.679
XYZ	54.857, 72.353, 12.372
xyY	0.393, 0.518, 72.353
CIE-LCH	88.138, 88.865, 111.505
CIE-LUV	88.138, -13.121, 97.151
Hunter-Lab	85.06, -33.738, 50.919
Binary	11001100, 11101011, 00011111

#cceb1f
```
#cceb1f rgb(204,235,31)
```
#3e1feb
```
#3e1feb rgb(62,31,235)
```

Complementary Color

#eba41f
```
#eba41f rgb(235,164,31)
```
#cceb1f
```
#cceb1f rgb(204,235,31)
```
#66eb1f
```
#66eb1f rgb(102,235,31)
```

Analogous Color

#a41feb
```
#a41feb rgb(164,31,235)
```
#cceb1f
```
#cceb1f rgb(204,235,31)
```
#1f66eb
```
#1f66eb rgb(31,102,235)
```

Split Complementary Color

#eb1fcc
```
#eb1fcc rgb(235,31,204)
```
#cceb1f
```
#cceb1f rgb(204,235,31)
```
#1fcceb
```
#1fcceb rgb(31,204,235)
```

Triadic Color

#eb3e1f
```
#eb3e1f rgb(235,62,31)
```
#cceb1f
```
#cceb1f rgb(204,235,31)
```
#1fcceb
```
#1fcceb rgb(31,204,235)
```
#3e1feb
```
#3e1feb rgb(62,31,235)
```

Tetradic Color

#96ae10
```
#96ae10 rgb(150,174,16)
```
#aac512
```
#aac512 rgb(170,197,18)
```
#bedd14
```
#bedd14 rgb(190,221,20)
```
#cceb1f
```
#cceb1f rgb(204,235,31)
```
#d1ed36
```
#d1ed36 rgb(209,237,54)
```
#d7ef4e
```
#d7ef4e rgb(215,239,78)
```
#dcf165
```
#dcf165 rgb(220,241,101)
```

Monochromatic Color

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

#ebd71f
```
#ebd71f rgb(235,215,31)
```
#ebe81f
```
#ebe81f rgb(235,232,31)
```
#ddeb1f
```
#ddeb1f rgb(221,235,31)
```
#cceb1f
```
#cceb1f rgb(204,235,31)
```
#bbeb1f
```
#bbeb1f rgb(187,235,31)
```
#aaeb1f
```
#aaeb1f rgb(170,235,31)
```
#99eb1f
```
#99eb1f rgb(153,235,31)
```

Similar Colors

Text with hexadecimal color #cceb1f

This text has a font color of #cceb1f.

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

#cceb1f background color

This paragraph has a background color of #cceb1f.

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

#cceb1f border color

This element has a border color of #cceb1f.

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

CSS codes

.text {color:#cceb1f;}

.background {background-color:#cceb1f;}

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

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, #090a01 is the darkest color, while #fdfef7 is the lightest one.

#090a01
```
#090a01 rgb(9,10,1)
```
#181c03
```
#181c03 rgb(24,28,3)
```
#282e04
```
#282e04 rgb(40,46,4)
```
#374006
```
#374006 rgb(55,64,6)
```
#475207
```
#475207 rgb(71,82,7)
```
#566409
```
#566409 rgb(86,100,9)
```
#66760b
```
#66760b rgb(102,118,11)
```
#75880c
```
#75880c rgb(117,136,12)
```
#859a0e
```
#859a0e rgb(133,154,14)
```
#94ac0f
```
#94ac0f rgb(148,172,15)
```
#a4be11
```
#a4be11 rgb(164,190,17)
```
#b3d013
```
#b3d013 rgb(179,208,19)
```
#c3e214
```
#c3e214 rgb(195,226,20)
```

Shade Color Variation

#cceb1f
```
#cceb1f rgb(204,235,31)
```
#d0ed31
```
#d0ed31 rgb(208,237,49)
```
#d4ee43
```
#d4ee43 rgb(212,238,67)
```
#d8f055
```
#d8f055 rgb(216,240,85)
```
#dcf167
```
#dcf167 rgb(220,241,103)
```
#e0f379
```
#e0f379 rgb(224,243,121)
```
#e5f58b
```
#e5f58b rgb(229,245,139)
```
#e9f69d
```
#e9f69d rgb(233,246,157)
```
#edf8af
```
#edf8af rgb(237,248,175)
```
#f1f9c1
```
#f1f9c1 rgb(241,249,193)
```
#f5fbd3
```
#f5fbd3 rgb(245,251,211)
```
#f9fde5
```
#f9fde5 rgb(249,253,229)
```
#fdfef7
```
#fdfef7 rgb(253,254,247)
```

Tint Color Variation

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

#8b8d7d
```
#8b8d7d rgb(139,141,125)
```
#919773
```
#919773 rgb(145,151,115)
```
#98a06a
```
#98a06a rgb(152,160,106)
```
#9ea961
```
#9ea961 rgb(158,169,97)
```
#a5b357
```
#a5b357 rgb(165,179,87)
```
#abbc4e
```
#abbc4e rgb(171,188,78)
```
#b2c545
```
#b2c545 rgb(178,197,69)
```
#b8cf3b
```
#b8cf3b rgb(184,207,59)
```
#bfd832
```
#bfd832 rgb(191,216,50)
```
#c5e228
```
#c5e228 rgb(197,226,40)
```
#cceb1f
```
#cceb1f rgb(204,235,31)
```
#d3f416
```
#d3f416 rgb(211,244,22)
```
#d9fe0c
```
#d9fe0c rgb(217,254,12)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#cad1a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9df26 Protanopia 1% of men
#ffd9a3 Deuteranopia 1% of men
#e1dcec Tritanopia 0.001% of the population

Trichromacy

#e9e323 Protanomaly 1% of men, 0.01% of women
#ecdf73 Deuteranomaly 6% of men, 0.4% of women
#d9e1a1 Tritanomaly 0.01% of the population

#cceb1f hex color

#cceb1f Color Information

#cceb1f Color Conversion

Color Schemes with #cceb1f

Alternatives to #cceb1f

#cceb1f Preview

Shades and Tints of #cceb1f

Tones of #cceb1f

Color Blindness Simulator