#ccffbd Color Information
In a RGB color space, hex #ccffbd is composed of 80% red, 100% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 25.9% yellow and 0% black. It has a hue angle of 106.4 degrees, a saturation of 100% and a lightness of 87.1%. #ccffbd color hex could be obtained by blending #ffffff with #99ff7b. Closest websafe color is: #ccffcc.
-
- R 80
- G 100
- B 74
-
- C 20
- M 0
- Y 26
- K 0
● #ccffbd color description : Pale lime green.
#ccffbd Color Conversion
The hexadecimal color #ccffbd has RGB values of R:204, G:255, B:189 and CMYK values of C:0.2, M:0, Y:0.26, K:0. Its decimal value is 13434813.
Hex triplet | ccffbd | #ccffbd |
---|---|---|
RGB Decimal | 204, 255, 189 | rgb(204,255,189) |
RGB Percent | 80, 100, 74.1 | rgb(80%,100%,74.1%) |
CMYK | 20, 0, 26, 0 | |
HSL | 106.4°, 100, 87.1 | hsl(106.4,100%,87.1%) |
HSV (or HSB) | 106.4°, 25.9, 100 | |
Web Safe | ccffcc | #ccffcc |
CIE-LAB | 95.174, -27.997, 26.397 |
---|---|
XYZ | 69.845, 88.03, 61.453 |
xyY | 0.318, 0.401, 88.03 |
CIE-LCH | 95.174, 38.479, 136.685 |
CIE-LUV | 95.174, -25.262, 43.06 |
Hunter-Lab | 93.824, -31.314, 26.843 |
Binary | 11001100, 11111111, 10111101 |
Color Schemes with #ccffbd
Alternatives to #ccffbd
Below, you can see some colors close to #ccffbd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccffbd Preview
This text has a font color of #ccffbd.
<span style="color:#ccffbd;">Text here</span>
This paragraph has a background color of #ccffbd.
<p style="background-color:#ccffbd;">Content here</p>
This element has a border color of #ccffbd.
<div style="border:1px solid #ccffbd;">Content here</div>
.text {color:#ccffbd;}
.background {background-color:#ccffbd;}
.border {border:1px solid #ccffbd;}
Shades and Tints of #ccffbd
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, #030c00 is the darkest color, while #f9fff8 is the lightest one.
-
#030c00
#030c00
rgb(3,12,0)
-
#072000
#072000
rgb(7,32,0)
-
#0c3400
#0c3400
rgb(12,52,0)
-
#104700
#104700
rgb(16,71,0)
-
#155b00
#155b00
rgb(21,91,0)
-
#196f00
#196f00
rgb(25,111,0)
-
#1e8200
#1e8200
rgb(30,130,0)
-
#229600
#229600
rgb(34,150,0)
-
#26a900
#26a900
rgb(38,169,0)
-
#2bbd00
#2bbd00
rgb(43,189,0)
-
#2fd100
#2fd100
rgb(47,209,0)
-
#34e400
#34e400
rgb(52,228,0)
-
#38f800
#38f800
rgb(56,248,0)
-
#44ff0c
#44ff0c
rgb(68,255,12)
-
#53ff20
#53ff20
rgb(83,255,32)
-
#62ff34
#62ff34
rgb(98,255,52)
-
#71ff47
#71ff47
rgb(113,255,71)
-
#80ff5b
#80ff5b
rgb(128,255,91)
-
#8fff6f
#8fff6f
rgb(143,255,111)
-
#9fff82
#9fff82
rgb(159,255,130)
-
#aeff96
#aeff96
rgb(174,255,150)
-
#bdffa9
#bdffa9
rgb(189,255,169)
-
#ccffbd
#ccffbd
rgb(204,255,189)
-
#dbffd1
#dbffd1
rgb(219,255,209)
-
#eaffe4
#eaffe4
rgb(234,255,228)
-
#f9fff8
#f9fff8
rgb(249,255,248)
Tones of #ccffbd
A tone is produced by adding gray to any pure hue. In this case, #dde1db is the less saturated color, while #ccffbd is the most saturated one.
-
#dde1db
#dde1db
rgb(221,225,219)
-
#dbe3d9
#dbe3d9
rgb(219,227,217)
-
#dae6d6
#dae6d6
rgb(218,230,214)
-
#d8e8d4
#d8e8d4
rgb(216,232,212)
-
#d7ebd1
#d7ebd1
rgb(215,235,209)
-
#d6edcf
#d6edcf
rgb(214,237,207)
-
#d4f0cc
#d4f0cc
rgb(212,240,204)
-
#d3f2ca
#d3f2ca
rgb(211,242,202)
-
#d2f5c7
#d2f5c7
rgb(210,245,199)
-
#d0f7c5
#d0f7c5
rgb(208,247,197)
-
#cffac2
#cffac2
rgb(207,250,194)
-
#cdfcc0
#cdfcc0
rgb(205,252,192)
-
#ccffbd
#ccffbd
rgb(204,255,189)
Color Blindness Simulator
Below, you can see how #ccffbd 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.