#ccd303 Color Information
In a RGB color space, hex #ccd303 is composed of 80% red, 82.7% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 98.6% yellow and 17.3% black. It has a hue angle of 62 degrees, a saturation of 97.2% and a lightness of 42%. #ccd303 color hex could be obtained by blending #ffff06 with #99a700. Closest websafe color is: #cccc00.
-
- R 80
- G 83
- B 1
-
- C 3
- M 0
- Y 99
- K 17
● #ccd303 color description : Strong yellow.
#ccd303 Color Conversion
The hexadecimal color #ccd303 has RGB values of R:204, G:211, B:3 and CMYK values of C:0.03, M:0, Y:0.99, K:0.17. Its decimal value is 13423363.
Hex triplet | ccd303 | #ccd303 |
---|---|---|
RGB Decimal | 204, 211, 3 | rgb(204,211,3) |
RGB Percent | 80, 82.7, 1.2 | rgb(80%,82.7%,1.2%) |
CMYK | 3, 0, 99, 17 | |
HSL | 62°, 97.2, 42 | hsl(62,97.2%,42%) |
HSV (or HSB) | 62°, 98.6, 82.7 | |
Web Safe | cccc00 | #cccc00 |
CIE-LAB | 81.529, -21.625, 80.974 |
---|---|
XYZ | 48.213, 59.433, 9.018 |
xyY | 0.413, 0.509, 59.433 |
CIE-LCH | 81.529, 83.812, 104.952 |
CIE-LUV | 81.529, 1.739, 90.038 |
Hunter-Lab | 77.093, -23.282, 47.029 |
Binary | 11001100, 11010011, 00000011 |
Color Schemes with #ccd303
Alternatives to #ccd303
Below, you can see some colors close to #ccd303. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd303 Preview
This text has a font color of #ccd303.
<span style="color:#ccd303;">Text here</span>
This paragraph has a background color of #ccd303.
<p style="background-color:#ccd303;">Content here</p>
This element has a border color of #ccd303.
<div style="border:1px solid #ccd303;">Content here</div>
.text {color:#ccd303;}
.background {background-color:#ccd303;}
.border {border:1px solid #ccd303;}
Shades and Tints of #ccd303
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, #111200 is the darkest color, while #fffffd is the lightest one.
-
#111200
#111200
rgb(17,18,0)
-
#242501
#242501
rgb(36,37,1)
-
#363801
#363801
rgb(54,56,1)
-
#494c01
#494c01
rgb(73,76,1)
-
#5c5f01
#5c5f01
rgb(92,95,1)
-
#6f7202
#6f7202
rgb(111,114,2)
-
#818602
#818602
rgb(129,134,2)
-
#949902
#949902
rgb(148,153,2)
-
#a7ac02
#a7ac02
rgb(167,172,2)
-
#b9c003
#b9c003
rgb(185,192,3)
-
#ccd303
#ccd303
rgb(204,211,3)
-
#dfe603
#dfe603
rgb(223,230,3)
-
#f1fa04
#f1fa04
rgb(241,250,4)
-
#f4fc15
#f4fc15
rgb(244,252,21)
-
#f5fc29
#f5fc29
rgb(245,252,41)
-
#f6fc3c
#f6fc3c
rgb(246,252,60)
-
#f7fd4f
#f7fd4f
rgb(247,253,79)
-
#f8fd63
#f8fd63
rgb(248,253,99)
-
#f9fd76
#f9fd76
rgb(249,253,118)
-
#f9fd89
#f9fd89
rgb(249,253,137)
-
#fafe9d
#fafe9d
rgb(250,254,157)
-
#fbfeb0
#fbfeb0
rgb(251,254,176)
-
#fcfec3
#fcfec3
rgb(252,254,195)
-
#fdfed7
#fdfed7
rgb(253,254,215)
-
#feffea
#feffea
rgb(254,255,234)
-
#fffffd
#fffffd
rgb(255,255,253)
Tones of #ccd303
A tone is produced by adding gray to any pure hue. In this case, #707066 is the less saturated color, while #ccd303 is the most saturated one.
-
#707066
#707066
rgb(112,112,102)
-
#78785e
#78785e
rgb(120,120,94)
-
#7f8155
#7f8155
rgb(127,129,85)
-
#87894d
#87894d
rgb(135,137,77)
-
#8f9145
#8f9145
rgb(143,145,69)
-
#96993d
#96993d
rgb(150,153,61)
-
#9ea234
#9ea234
rgb(158,162,52)
-
#a6aa2c
#a6aa2c
rgb(166,170,44)
-
#adb224
#adb224
rgb(173,178,36)
-
#b5ba1c
#b5ba1c
rgb(181,186,28)
-
#bdc313
#bdc313
rgb(189,195,19)
-
#c4cb0b
#c4cb0b
rgb(196,203,11)
-
#ccd303
#ccd303
rgb(204,211,3)
Color Blindness Simulator
Below, you can see how #ccd303 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.