#cced46 hex color

In a RGB color space, hex #cced46 is composed of 80% red, 92.9% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 13.9% cyan, 0% magenta, 70.5% yellow and 7.1% black. It has a hue angle of 71.9 degrees, a saturation of 82.3% and a lightness of 60.2%. #cced46 color hex could be obtained by blending #ffff8c with #99db00. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 80
- G 93
- B 27
RGB color chart
- C 14
- M 0
- Y 70
- K 7
CMYK color chart

● #cced46 color description : Bright yellow.

The hexadecimal color #cced46 has RGB values of R:204, G:237, B:70 and CMYK values of C:0.14, M:0, Y:0.7, K:0.07. Its decimal value is 13430086.

Hex triplet	cced46	`#cced46`
RGB Decimal	204, 237, 70	`rgb(204,237,70)`
RGB Percent	80, 92.9, 27.5	`rgb(80%,92.9%,27.5%)`
CMYK	14, 0, 70, 7
HSL	71.9°, 82.3, 60.2	`hsl(71.9,82.3%,60.2%)`
HSV (or HSB)	71.9°, 70.5, 92.9
Web Safe	ccff33	`#ccff33`

CIE-LAB	88.85, -32.05, 72.908
XYZ	56.291, 73.848, 17.083
xyY	0.382, 0.502, 73.848
CIE-LCH	88.85, 79.642, 113.73
CIE-LUV	88.85, -14.506, 90.752
Hunter-Lab	85.935, -33.46, 48.368
Binary	11001100, 11101101, 01000110

#cced46
```
#cced46 rgb(204,237,70)
```
#6746ed
```
#6746ed rgb(103,70,237)
```

Complementary Color

#edbb46
```
#edbb46 rgb(237,187,70)
```
#cced46
```
#cced46 rgb(204,237,70)
```
#79ed46
```
#79ed46 rgb(121,237,70)
```

Analogous Color

#bb46ed
```
#bb46ed rgb(187,70,237)
```
#cced46
```
#cced46 rgb(204,237,70)
```
#4679ed
```
#4679ed rgb(70,121,237)
```

Split Complementary Color

#ed46cc
```
#ed46cc rgb(237,70,204)
```
#cced46
```
#cced46 rgb(204,237,70)
```
#46cced
```
#46cced rgb(70,204,237)
```

Triadic Color

#ed6746
```
#ed6746 rgb(237,103,70)
```
#cced46
```
#cced46 rgb(204,237,70)
```
#46cced
```
#46cced rgb(70,204,237)
```
#6746ed
```
#6746ed rgb(103,70,237)
```

Tetradic Color

#add214
```
#add214 rgb(173,210,20)
```
#bfe818
```
#bfe818 rgb(191,232,24)
```
#c6eb2f
```
#c6eb2f rgb(198,235,47)
```
#cced46
```
#cced46 rgb(204,237,70)
```
#d2ef5d
```
#d2ef5d rgb(210,239,93)
```
#d9f274
```
#d9f274 rgb(217,242,116)
```
#dff48c
```
#dff48c rgb(223,244,140)
```

Monochromatic Color

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

#ede446
```
#ede446 rgb(237,228,70)
```
#e8ed46
```
#e8ed46 rgb(232,237,70)
```
#daed46
```
#daed46 rgb(218,237,70)
```
#cced46
```
#cced46 rgb(204,237,70)
```
#beed46
```
#beed46 rgb(190,237,70)
```
#b0ed46
```
#b0ed46 rgb(176,237,70)
```
#a2ed46
```
#a2ed46 rgb(162,237,70)
```

Similar Colors

Text with hexadecimal color #cced46

This text has a font color of #cced46.

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

#cced46 background color

This paragraph has a background color of #cced46.

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

#cced46 border color

This element has a border color of #cced46.

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

CSS codes

.text {color:#cced46;}

.background {background-color:#cced46;}

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

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

#0a0c01
```
#0a0c01 rgb(10,12,1)
```
#181e03
```
#181e03 rgb(24,30,3)
```
#272f05
```
#272f05 rgb(39,47,5)
```
#364106
```
#364106 rgb(54,65,6)
```
#445308
```
#445308 rgb(68,83,8)
```
#53650a
```
#53650a rgb(83,101,10)
```
#62770c
```
#62770c rgb(98,119,12)
```
#70890d
```
#70890d rgb(112,137,13)
```
#7f9b0f
```
#7f9b0f rgb(127,155,15)
```
#8ead11
```
#8ead11 rgb(142,173,17)
```
#9cbe13
```
#9cbe13 rgb(156,190,19)
```
#abd014
```
#abd014 rgb(171,208,20)
```
#bae216
```
#bae216 rgb(186,226,22)
```

Shade Color Variation

#c2ea22
```
#c2ea22 rgb(194,234,34)
```
#c7eb34
```
#c7eb34 rgb(199,235,52)
```
#cced46
```
#cced46 rgb(204,237,70)
```
#d1ef58
```
#d1ef58 rgb(209,239,88)
```
#d6f06a
```
#d6f06a rgb(214,240,106)
```
#dbf27c
```
#dbf27c rgb(219,242,124)
```
#e0f48e
```
#e0f48e rgb(224,244,142)
```
#e5f69f
```
#e5f69f rgb(229,246,159)
```
#eaf7b1
```
#eaf7b1 rgb(234,247,177)
```
#eef9c3
```
#eef9c3 rgb(238,249,195)
```
#f3fbd5
```
#f3fbd5 rgb(243,251,213)
```
#f8fde7
```
#f8fde7 rgb(248,253,231)
```
#fdfef9
```
#fdfef9 rgb(253,254,249)
```

Tint Color Variation

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

#9d9f94
```
#9d9f94 rgb(157,159,148)
```
#a2a78c
```
#a2a78c rgb(162,167,140)
```
#a6af84
```
#a6af84 rgb(166,175,132)
```
#abb67d
```
#abb67d rgb(171,182,125)
```
#b0be75
```
#b0be75 rgb(176,190,117)
```
#b4c66d
```
#b4c66d rgb(180,198,109)
```
#b9ce65
```
#b9ce65 rgb(185,206,101)
```
#bed65d
```
#bed65d rgb(190,214,93)
```
#c3dd56
```
#c3dd56 rgb(195,221,86)
```
#c7e54e
```
#c7e54e rgb(199,229,78)
```
#cced46
```
#cced46 rgb(204,237,70)
```
#d1f53e
```
#d1f53e rgb(209,245,62)
```
#d5fd36
```
#d5fd36 rgb(213,253,54)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cfd6b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fae14c Protanopia 1% of men
#ffdbab Deuteranopia 1% of men
#e1dfee Tritanopia 0.001% of the population

Trichromacy

#e9e549 Protanomaly 1% of men, 0.01% of women
#ece186 Deuteranomaly 6% of men, 0.4% of women
#d9e4b1 Tritanomaly 0.01% of the population

#cced46 hex color

#cced46 Color Information

#cced46 Color Conversion

Color Schemes with #cced46

Alternatives to #cced46

#cced46 Preview

Shades and Tints of #cced46

Tones of #cced46

Color Blindness Simulator