#ccffbc Color Information
In a RGB color space, hex #ccffbc is composed of 80% red, 100% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 26.3% yellow and 0% black. It has a hue angle of 105.7 degrees, a saturation of 100% and a lightness of 86.9%. #ccffbc color hex could be obtained by blending #ffffff with #99ff79. Closest websafe color is: #ccffcc.
-
- R 80
- G 100
- B 74
-
- C 20
- M 0
- Y 26
- K 0
● #ccffbc color description : Pale lime green.
#ccffbc Color Conversion
The hexadecimal color #ccffbc has RGB values of R:204, G:255, B:188 and CMYK values of C:0.2, M:0, Y:0.26, K:0. Its decimal value is 13434812.
Hex triplet | ccffbc | #ccffbc |
---|---|---|
RGB Decimal | 204, 255, 188 | rgb(204,255,188) |
RGB Percent | 80, 100, 73.7 | rgb(80%,100%,73.7%) |
CMYK | 20, 0, 26, 0 | |
HSL | 105.7°, 100, 86.9 | hsl(105.7,100%,86.9%) |
HSV (or HSB) | 105.7°, 26.3, 100 | |
Web Safe | ccffcc | #ccffcc |
CIE-LAB | 95.155, -28.152, 26.878 |
---|---|
XYZ | 69.736, 87.987, 60.883 |
xyY | 0.319, 0.402, 87.987 |
CIE-LCH | 95.155, 38.922, 136.326 |
CIE-LUV | 95.155, -25.253, 43.722 |
Hunter-Lab | 93.801, -31.446, 27.178 |
Binary | 11001100, 11111111, 10111100 |
Color Schemes with #ccffbc
Alternatives to #ccffbc
Below, you can see some colors close to #ccffbc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccffbc Preview
This text has a font color of #ccffbc.
<span style="color:#ccffbc;">Text here</span>
This paragraph has a background color of #ccffbc.
<p style="background-color:#ccffbc;">Content here</p>
This element has a border color of #ccffbc.
<div style="border:1px solid #ccffbc;">Content here</div>
.text {color:#ccffbc;}
.background {background-color:#ccffbc;}
.border {border:1px solid #ccffbc;}
Shades and Tints of #ccffbc
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, #030b00 is the darkest color, while #f9fff7 is the lightest one.
-
#030b00
#030b00
rgb(3,11,0)
-
#071f00
#071f00
rgb(7,31,0)
-
#0c3300
#0c3300
rgb(12,51,0)
-
#114600
#114600
rgb(17,70,0)
-
#155a00
#155a00
rgb(21,90,0)
-
#1a6e00
#1a6e00
rgb(26,110,0)
-
#1f8100
#1f8100
rgb(31,129,0)
-
#249500
#249500
rgb(36,149,0)
-
#28a800
#28a800
rgb(40,168,0)
-
#2dbc00
#2dbc00
rgb(45,188,0)
-
#32d000
#32d000
rgb(50,208,0)
-
#36e300
#36e300
rgb(54,227,0)
-
#3bf700
#3bf700
rgb(59,247,0)
-
#46ff0b
#46ff0b
rgb(70,255,11)
-
#55ff1f
#55ff1f
rgb(85,255,31)
-
#63ff33
#63ff33
rgb(99,255,51)
-
#72ff46
#72ff46
rgb(114,255,70)
-
#81ff5a
#81ff5a
rgb(129,255,90)
-
#90ff6e
#90ff6e
rgb(144,255,110)
-
#9fff81
#9fff81
rgb(159,255,129)
-
#aeff95
#aeff95
rgb(174,255,149)
-
#bdffa8
#bdffa8
rgb(189,255,168)
-
#ccffbc
#ccffbc
rgb(204,255,188)
-
#dbffd0
#dbffd0
rgb(219,255,208)
-
#eaffe3
#eaffe3
rgb(234,255,227)
-
#f9fff7
#f9fff7
rgb(249,255,247)
Tones of #ccffbc
A tone is produced by adding gray to any pure hue. In this case, #dce0db is the less saturated color, while #ccffbc is the most saturated one.
-
#dce0db
#dce0db
rgb(220,224,219)
-
#dbe3d8
#dbe3d8
rgb(219,227,216)
-
#d9e5d6
#d9e5d6
rgb(217,229,214)
-
#d8e8d3
#d8e8d3
rgb(216,232,211)
-
#d7ead1
#d7ead1
rgb(215,234,209)
-
#d5edce
#d5edce
rgb(213,237,206)
-
#d4f0cb
#d4f0cb
rgb(212,240,203)
-
#d3f2c9
#d3f2c9
rgb(211,242,201)
-
#d1f5c6
#d1f5c6
rgb(209,245,198)
-
#d0f7c4
#d0f7c4
rgb(208,247,196)
-
#cffac1
#cffac1
rgb(207,250,193)
-
#cdfcbf
#cdfcbf
rgb(205,252,191)
-
#ccffbc
#ccffbc
rgb(204,255,188)
Color Blindness Simulator
Below, you can see how #ccffbc 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.