#ccffb2 Color Information
In a RGB color space, hex #ccffb2 is composed of 80% red, 100% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 30.2% yellow and 0% black. It has a hue angle of 99.7 degrees, a saturation of 100% and a lightness of 84.9%. #ccffb2 color hex could be obtained by blending #ffffff with #99ff65. Closest websafe color is: #ccff99.
-
- R 80
- G 100
- B 70
-
- C 20
- M 0
- Y 30
- K 0
● #ccffb2 color description : Pale green.
#ccffb2 Color Conversion
The hexadecimal color #ccffb2 has RGB values of R:204, G:255, B:178 and CMYK values of C:0.2, M:0, Y:0.3, K:0. Its decimal value is 13434802.
Hex triplet | ccffb2 | #ccffb2 |
---|---|---|
RGB Decimal | 204, 255, 178 | rgb(204,255,178) |
RGB Percent | 80, 100, 69.8 | rgb(80%,100%,69.8%) |
CMYK | 20, 0, 30, 0 | |
HSL | 99.7°, 100, 84.9 | hsl(99.7,100%,84.9%) |
HSV (or HSB) | 99.7°, 30.2, 100 | |
Web Safe | ccff99 | #ccff99 |
CIE-LAB | 94.98, -29.65, 31.678 |
---|---|
XYZ | 68.695, 87.57, 55.401 |
xyY | 0.325, 0.414, 87.57 |
CIE-LCH | 94.98, 43.389, 133.106 |
CIE-LUV | 94.98, -25.169, 50.186 |
Hunter-Lab | 93.579, -32.728, 30.404 |
Binary | 11001100, 11111111, 10110010 |
Color Schemes with #ccffb2
Alternatives to #ccffb2
Below, you can see some colors close to #ccffb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccffb2 Preview
This text has a font color of #ccffb2.
<span style="color:#ccffb2;">Text here</span>
This paragraph has a background color of #ccffb2.
<p style="background-color:#ccffb2;">Content here</p>
This element has a border color of #ccffb2.
<div style="border:1px solid #ccffb2;">Content here</div>
.text {color:#ccffb2;}
.background {background-color:#ccffb2;}
.border {border:1px solid #ccffb2;}
Shades and Tints of #ccffb2
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, #000100 is the darkest color, while #f3ffed is the lightest one.
-
#000100
#000100
rgb(0,1,0)
-
#071500
#071500
rgb(7,21,0)
-
#0e2900
#0e2900
rgb(14,41,0)
-
#143c00
#143c00
rgb(20,60,0)
-
#1b5000
#1b5000
rgb(27,80,0)
-
#226400
#226400
rgb(34,100,0)
-
#287700
#287700
rgb(40,119,0)
-
#2f8b00
#2f8b00
rgb(47,139,0)
-
#359e00
#359e00
rgb(53,158,0)
-
#3cb200
#3cb200
rgb(60,178,0)
-
#43c600
#43c600
rgb(67,198,0)
-
#49d900
#49d900
rgb(73,217,0)
-
#50ed00
#50ed00
rgb(80,237,0)
-
#57ff01
#57ff01
rgb(87,255,1)
-
#64ff15
#64ff15
rgb(100,255,21)
-
#71ff29
#71ff29
rgb(113,255,41)
-
#7eff3c
#7eff3c
rgb(126,255,60)
-
#8bff50
#8bff50
rgb(139,255,80)
-
#98ff64
#98ff64
rgb(152,255,100)
-
#a5ff77
#a5ff77
rgb(165,255,119)
-
#b2ff8b
#b2ff8b
rgb(178,255,139)
-
#bfff9e
#bfff9e
rgb(191,255,158)
-
#ccffb2
#ccffb2
rgb(204,255,178)
-
#d9ffc6
#d9ffc6
rgb(217,255,198)
-
#e6ffd9
#e6ffd9
rgb(230,255,217)
-
#f3ffed
#f3ffed
rgb(243,255,237)
Tones of #ccffb2
A tone is produced by adding gray to any pure hue. In this case, #d8dbd6 is the less saturated color, while #ccffb2 is the most saturated one.
-
#d8dbd6
#d8dbd6
rgb(216,219,214)
-
#d7ded3
#d7ded3
rgb(215,222,211)
-
#d6e1d0
#d6e1d0
rgb(214,225,208)
-
#d5e4cd
#d5e4cd
rgb(213,228,205)
-
#d4e7ca
#d4e7ca
rgb(212,231,202)
-
#d3eac7
#d3eac7
rgb(211,234,199)
-
#d2edc4
#d2edc4
rgb(210,237,196)
-
#d1f0c1
#d1f0c1
rgb(209,240,193)
-
#d0f3be
#d0f3be
rgb(208,243,190)
-
#cff6bb
#cff6bb
rgb(207,246,187)
-
#cef9b8
#cef9b8
rgb(206,249,184)
-
#cdfcb5
#cdfcb5
rgb(205,252,181)
-
#ccffb2
#ccffb2
rgb(204,255,178)
Color Blindness Simulator
Below, you can see how #ccffb2 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.