#ccf228 Color Information
In a RGB color space, hex #ccf228 is composed of 80% red, 94.9% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 0% magenta, 83.5% yellow and 5.1% black. It has a hue angle of 71.3 degrees, a saturation of 88.6% and a lightness of 55.3%. #ccf228 color hex could be obtained by blending #ffff50 with #99e500. Closest websafe color is: #ccff33.
-
- R 80
- G 95
- B 16
-
- C 16
- M 0
- Y 83
- K 5
● #ccf228 color description : Bright yellow.
#ccf228 Color Conversion
The hexadecimal color #ccf228 has RGB values of R:204, G:242, B:40 and CMYK values of C:0.16, M:0, Y:0.83, K:0.05. Its decimal value is 13431336.
Hex triplet | ccf228 | #ccf228 |
---|---|---|
RGB Decimal | 204, 242, 40 | rgb(204,242,40) |
RGB Percent | 80, 94.9, 15.7 | rgb(80%,94.9%,15.7%) |
CMYK | 16, 0, 83, 5 | |
HSL | 71.3°, 88.6, 55.3 | hsl(71.3,88.6%,55.3%) |
HSV (or HSB) | 71.3°, 83.5, 94.9 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 90.088, -35.541, 82.528 |
---|---|
XYZ | 57.036, 76.494, 13.768 |
xyY | 0.387, 0.519, 76.494 |
CIE-LCH | 90.088, 89.855, 113.299 |
CIE-LUV | 90.088, -17.217, 98.728 |
Hunter-Lab | 87.461, -36.651, 51.89 |
Binary | 11001100, 11110010, 00101000 |
Color Schemes with #ccf228
Alternatives to #ccf228
Below, you can see some colors close to #ccf228. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf228 Preview
This text has a font color of #ccf228.
<span style="color:#ccf228;">Text here</span>
This paragraph has a background color of #ccf228.
<p style="background-color:#ccf228;">Content here</p>
This element has a border color of #ccf228.
<div style="border:1px solid #ccf228;">Content here</div>
.text {color:#ccf228;}
.background {background-color:#ccf228;}
.border {border:1px solid #ccf228;}
Shades and Tints of #ccf228
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, #060700 is the darkest color, while #fcfef3 is the lightest one.
-
#060700
#060700
rgb(6,7,0)
-
#151902
#151902
rgb(21,25,2)
-
#242c03
#242c03
rgb(36,44,3)
-
#333e04
#333e04
rgb(51,62,4)
-
#435105
#435105
rgb(67,81,5)
-
#526306
#526306
rgb(82,99,6)
-
#617607
#617607
rgb(97,118,7)
-
#708808
#708808
rgb(112,136,8)
-
#809b09
#809b09
rgb(128,155,9)
-
#8fad0a
#8fad0a
rgb(143,173,10)
-
#9ec00c
#9ec00c
rgb(158,192,12)
-
#add20d
#add20d
rgb(173,210,13)
-
#bce50e
#bce50e
rgb(188,229,14)
-
#c8f116
#c8f116
rgb(200,241,22)
-
#ccf228
#ccf228
rgb(204,242,40)
-
#d0f33a
#d0f33a
rgb(208,243,58)
-
#d5f44d
#d5f44d
rgb(213,244,77)
-
#d9f55f
#d9f55f
rgb(217,245,95)
-
#def672
#def672
rgb(222,246,114)
-
#e2f884
#e2f884
rgb(226,248,132)
-
#e6f997
#e6f997
rgb(230,249,151)
-
#ebfaa9
#ebfaa9
rgb(235,250,169)
-
#effbbc
#effbbc
rgb(239,251,188)
-
#f3fcce
#f3fcce
rgb(243,252,206)
-
#f8fde1
#f8fde1
rgb(248,253,225)
-
#fcfef3
#fcfef3
rgb(252,254,243)
Tones of #ccf228
A tone is produced by adding gray to any pure hue. In this case, #909288 is the less saturated color, while #d1fb1f is the most saturated one.
-
#909288
#909288
rgb(144,146,136)
-
#959a80
#959a80
rgb(149,154,128)
-
#9ba377
#9ba377
rgb(155,163,119)
-
#a0ac6e
#a0ac6e
rgb(160,172,110)
-
#a6b565
#a6b565
rgb(166,181,101)
-
#abbd5d
#abbd5d
rgb(171,189,93)
-
#b1c654
#b1c654
rgb(177,198,84)
-
#b6cf4b
#b6cf4b
rgb(182,207,75)
-
#bcd842
#bcd842
rgb(188,216,66)
-
#c1e03a
#c1e03a
rgb(193,224,58)
-
#c7e931
#c7e931
rgb(199,233,49)
-
#ccf228
#ccf228
rgb(204,242,40)
-
#d1fb1f
#d1fb1f
rgb(209,251,31)
Color Blindness Simulator
Below, you can see how #ccf228 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.