#ccffb4 Color Information
In a RGB color space, hex #ccffb4 is composed of 80% red, 100% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 29.4% yellow and 0% black. It has a hue angle of 100.8 degrees, a saturation of 100% and a lightness of 85.3%. #ccffb4 color hex could be obtained by blending #ffffff with #99ff69. Closest websafe color is: #ccffcc.
-
- R 80
- G 100
- B 71
-
- C 20
- M 0
- Y 29
- K 0
● #ccffb4 color description : Pale green.
#ccffb4 Color Conversion
The hexadecimal color #ccffb4 has RGB values of R:204, G:255, B:180 and CMYK values of C:0.2, M:0, Y:0.29, K:0. Its decimal value is 13434804.
Hex triplet | ccffb4 | #ccffb4 |
---|---|---|
RGB Decimal | 204, 255, 180 | rgb(204,255,180) |
RGB Percent | 80, 100, 70.6 | rgb(80%,100%,70.6%) |
CMYK | 20, 0, 29, 0 | |
HSL | 100.8°, 100, 85.3 | hsl(100.8,100%,85.3%) |
HSV (or HSB) | 100.8°, 29.4, 100 | |
Web Safe | ccffcc | #ccffcc |
CIE-LAB | 95.014, -29.357, 30.719 |
---|---|
XYZ | 68.898, 87.651, 56.466 |
xyY | 0.323, 0.411, 87.651 |
CIE-LCH | 95.014, 42.491, 133.701 |
CIE-LUV | 95.014, -25.185, 48.916 |
Hunter-Lab | 93.622, -32.478, 29.776 |
Binary | 11001100, 11111111, 10110100 |
Color Schemes with #ccffb4
Alternatives to #ccffb4
Below, you can see some colors close to #ccffb4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccffb4 Preview
This text has a font color of #ccffb4.
<span style="color:#ccffb4;">Text here</span>
This paragraph has a background color of #ccffb4.
<p style="background-color:#ccffb4;">Content here</p>
This element has a border color of #ccffb4.
<div style="border:1px solid #ccffb4;">Content here</div>
.text {color:#ccffb4;}
.background {background-color:#ccffb4;}
.border {border:1px solid #ccffb4;}
Shades and Tints of #ccffb4
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, #010300 is the darkest color, while #f4ffef is the lightest one.
-
#010300
#010300
rgb(1,3,0)
-
#071700
#071700
rgb(7,23,0)
-
#0e2b00
#0e2b00
rgb(14,43,0)
-
#143e00
#143e00
rgb(20,62,0)
-
#1a5200
#1a5200
rgb(26,82,0)
-
#206600
#206600
rgb(32,102,0)
-
#277900
#277900
rgb(39,121,0)
-
#2d8d00
#2d8d00
rgb(45,141,0)
-
#33a000
#33a000
rgb(51,160,0)
-
#3ab400
#3ab400
rgb(58,180,0)
-
#40c800
#40c800
rgb(64,200,0)
-
#46db00
#46db00
rgb(70,219,0)
-
#4cef00
#4cef00
rgb(76,239,0)
-
#54ff03
#54ff03
rgb(84,255,3)
-
#61ff17
#61ff17
rgb(97,255,23)
-
#6fff2b
#6fff2b
rgb(111,255,43)
-
#7cff3e
#7cff3e
rgb(124,255,62)
-
#89ff52
#89ff52
rgb(137,255,82)
-
#97ff66
#97ff66
rgb(151,255,102)
-
#a4ff79
#a4ff79
rgb(164,255,121)
-
#b1ff8d
#b1ff8d
rgb(177,255,141)
-
#bfffa0
#bfffa0
rgb(191,255,160)
-
#ccffb4
#ccffb4
rgb(204,255,180)
-
#d9ffc8
#d9ffc8
rgb(217,255,200)
-
#e7ffdb
#e7ffdb
rgb(231,255,219)
-
#f4ffef
#f4ffef
rgb(244,255,239)
Tones of #ccffb4
A tone is produced by adding gray to any pure hue. In this case, #d8dcd7 is the less saturated color, while #ccffb4 is the most saturated one.
-
#d8dcd7
#d8dcd7
rgb(216,220,215)
-
#d7dfd4
#d7dfd4
rgb(215,223,212)
-
#d6e2d1
#d6e2d1
rgb(214,226,209)
-
#d5e5ce
#d5e5ce
rgb(213,229,206)
-
#d4e8cb
#d4e8cb
rgb(212,232,203)
-
#d3ebc8
#d3ebc8
rgb(211,235,200)
-
#d2eec5
#d2eec5
rgb(210,238,197)
-
#d1f1c2
#d1f1c2
rgb(209,241,194)
-
#d0f3c0
#d0f3c0
rgb(208,243,192)
-
#cff6bd
#cff6bd
rgb(207,246,189)
-
#cef9ba
#cef9ba
rgb(206,249,186)
-
#cdfcb7
#cdfcb7
rgb(205,252,183)
-
#ccffb4
#ccffb4
rgb(204,255,180)
Color Blindness Simulator
Below, you can see how #ccffb4 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.