#ccd109 Color Information
In a RGB color space, hex #ccd109 is composed of 80% red, 82% green and 3.5% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 0% magenta, 95.7% yellow and 18% black. It has a hue angle of 61.5 degrees, a saturation of 91.7% and a lightness of 42.7%. #ccd109 color hex could be obtained by blending #ffff12 with #99a300. Closest websafe color is: #cccc00.
-
- R 80
- G 82
- B 4
-
- C 2
- M 0
- Y 96
- K 18
● #ccd109 color description : Strong yellow.
#ccd109 Color Conversion
The hexadecimal color #ccd109 has RGB values of R:204, G:209, B:9 and CMYK values of C:0.02, M:0, Y:0.96, K:0.18. Its decimal value is 13422857.
Hex triplet | ccd109 | #ccd109 |
---|---|---|
RGB Decimal | 204, 209, 9 | rgb(204,209,9) |
RGB Percent | 80, 82, 3.5 | rgb(80%,82%,3.5%) |
CMYK | 2, 0, 96, 18 | |
HSL | 61.5°, 91.7, 42.7 | hsl(61.5,91.7%,42.7%) |
HSV (or HSB) | 61.5°, 95.7, 82 | |
Web Safe | cccc00 | #cccc00 |
CIE-LAB | 80.993, -20.589, 80.022 |
---|---|
XYZ | 47.752, 58.459, 9.027 |
xyY | 0.414, 0.507, 58.459 |
CIE-LCH | 80.993, 82.629, 104.429 |
CIE-LUV | 80.993, 3.009, 88.957 |
Hunter-Lab | 76.458, -22.321, 46.521 |
Binary | 11001100, 11010001, 00001001 |
Color Schemes with #ccd109
Alternatives to #ccd109
Below, you can see some colors close to #ccd109. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccd109 Preview
This text has a font color of #ccd109.
<span style="color:#ccd109;">Text here</span>
This paragraph has a background color of #ccd109.
<p style="background-color:#ccd109;">Content here</p>
This element has a border color of #ccd109.
<div style="border:1px solid #ccd109;">Content here</div>
.text {color:#ccd109;}
.background {background-color:#ccd109;}
.border {border:1px solid #ccd109;}
Shades and Tints of #ccd109
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, #020200 is the darkest color, while #fefeee is the lightest one.
-
#020200
#020200
rgb(2,2,0)
-
#141501
#141501
rgb(20,21,1)
-
#272802
#272802
rgb(39,40,2)
-
#393b03
#393b03
rgb(57,59,3)
-
#4c4d03
#4c4d03
rgb(76,77,3)
-
#5e6004
#5e6004
rgb(94,96,4)
-
#707305
#707305
rgb(112,115,5)
-
#838606
#838606
rgb(131,134,6)
-
#959907
#959907
rgb(149,153,7)
-
#a7ab07
#a7ab07
rgb(167,171,7)
-
#babe08
#babe08
rgb(186,190,8)
-
#ccd109
#ccd109
rgb(204,209,9)
-
#dee40a
#dee40a
rgb(222,228,10)
-
#eff50d
#eff50d
rgb(239,245,13)
-
#f0f51f
#f0f51f
rgb(240,245,31)
-
#f1f632
#f1f632
rgb(241,246,50)
-
#f3f745
#f3f745
rgb(243,247,69)
-
#f4f858
#f4f858
rgb(244,248,88)
-
#f5f96b
#f5f96b
rgb(245,249,107)
-
#f6f97d
#f6f97d
rgb(246,249,125)
-
#f8fa90
#f8fa90
rgb(248,250,144)
-
#f9fba3
#f9fba3
rgb(249,251,163)
-
#fafcb6
#fafcb6
rgb(250,252,182)
-
#fbfdc9
#fbfdc9
rgb(251,253,201)
-
#fdfddc
#fdfddc
rgb(253,253,220)
-
#fefeee
#fefeee
rgb(254,254,238)
Tones of #ccd109
A tone is produced by adding gray to any pure hue. In this case, #747565 is the less saturated color, while #d4d901 is the most saturated one.
-
#747565
#747565
rgb(116,117,101)
-
#7c7d5d
#7c7d5d
rgb(124,125,93)
-
#848654
#848654
rgb(132,134,84)
-
#8c8e4c
#8c8e4c
rgb(140,142,76)
-
#949644
#949644
rgb(148,150,68)
-
#9c9f3b
#9c9f3b
rgb(156,159,59)
-
#a4a733
#a4a733
rgb(164,167,51)
-
#acaf2b
#acaf2b
rgb(172,175,43)
-
#b4b822
#b4b822
rgb(180,184,34)
-
#bcc01a
#bcc01a
rgb(188,192,26)
-
#c4c911
#c4c911
rgb(196,201,17)
-
#ccd109
#ccd109
rgb(204,209,9)
-
#d4d901
#d4d901
rgb(212,217,1)
Color Blindness Simulator
Below, you can see how #ccd109 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.