#ccffba Color Information
In a RGB color space, hex #ccffba is composed of 80% red, 100% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 27.1% yellow and 0% black. It has a hue angle of 104.3 degrees, a saturation of 100% and a lightness of 86.5%. #ccffba color hex could be obtained by blending #ffffff with #99ff75. Closest websafe color is: #ccffcc.
-
- R 80
- G 100
- B 73
-
- C 20
- M 0
- Y 27
- K 0
● #ccffba color description : Pale green.
#ccffba Color Conversion
The hexadecimal color #ccffba has RGB values of R:204, G:255, B:186 and CMYK values of C:0.2, M:0, Y:0.27, K:0. Its decimal value is 13434810.
Hex triplet | ccffba | #ccffba |
---|---|---|
RGB Decimal | 204, 255, 186 | rgb(204,255,186) |
RGB Percent | 80, 100, 72.9 | rgb(80%,100%,72.9%) |
CMYK | 20, 0, 27, 0 | |
HSL | 104.3°, 100, 86.5 | hsl(104.3,100%,86.5%) |
HSV (or HSB) | 104.3°, 27.1, 100 | |
Web Safe | ccffcc | #ccffcc |
CIE-LAB | 95.119, -28.458, 27.84 |
---|---|
XYZ | 69.522, 87.901, 59.755 |
xyY | 0.32, 0.405, 87.901 |
CIE-LCH | 95.119, 39.811, 135.63 |
CIE-LUV | 95.119, -25.236, 45.037 |
Hunter-Lab | 93.756, -31.709, 27.84 |
Binary | 11001100, 11111111, 10111010 |
Color Schemes with #ccffba
Alternatives to #ccffba
Below, you can see some colors close to #ccffba. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccffba Preview
This text has a font color of #ccffba.
<span style="color:#ccffba;">Text here</span>
This paragraph has a background color of #ccffba.
<p style="background-color:#ccffba;">Content here</p>
This element has a border color of #ccffba.
<div style="border:1px solid #ccffba;">Content here</div>
.text {color:#ccffba;}
.background {background-color:#ccffba;}
.border {border:1px solid #ccffba;}
Shades and Tints of #ccffba
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, #020900 is the darkest color, while #f7fff5 is the lightest one.
-
#020900
#020900
rgb(2,9,0)
-
#081d00
#081d00
rgb(8,29,0)
-
#0d3100
#0d3100
rgb(13,49,0)
-
#124400
#124400
rgb(18,68,0)
-
#175800
#175800
rgb(23,88,0)
-
#1c6c00
#1c6c00
rgb(28,108,0)
-
#217f00
#217f00
rgb(33,127,0)
-
#269300
#269300
rgb(38,147,0)
-
#2ba600
#2ba600
rgb(43,166,0)
-
#31ba00
#31ba00
rgb(49,186,0)
-
#36ce00
#36ce00
rgb(54,206,0)
-
#3be100
#3be100
rgb(59,225,0)
-
#40f500
#40f500
rgb(64,245,0)
-
#4aff09
#4aff09
rgb(74,255,9)
-
#58ff1d
#58ff1d
rgb(88,255,29)
-
#67ff31
#67ff31
rgb(103,255,49)
-
#75ff44
#75ff44
rgb(117,255,68)
-
#84ff58
#84ff58
rgb(132,255,88)
-
#92ff6c
#92ff6c
rgb(146,255,108)
-
#a1ff7f
#a1ff7f
rgb(161,255,127)
-
#afff93
#afff93
rgb(175,255,147)
-
#beffa6
#beffa6
rgb(190,255,166)
-
#ccffba
#ccffba
rgb(204,255,186)
-
#daffce
#daffce
rgb(218,255,206)
-
#e9ffe1
#e9ffe1
rgb(233,255,225)
-
#f7fff5
#f7fff5
rgb(247,255,245)
Tones of #ccffba
A tone is produced by adding gray to any pure hue. In this case, #dbdfda is the less saturated color, while #ccffba is the most saturated one.
-
#dbdfda
#dbdfda
rgb(219,223,218)
-
#dae2d7
#dae2d7
rgb(218,226,215)
-
#d9e4d5
#d9e4d5
rgb(217,228,213)
-
#d7e7d2
#d7e7d2
rgb(215,231,210)
-
#d6eacf
#d6eacf
rgb(214,234,207)
-
#d5eccd
#d5eccd
rgb(213,236,205)
-
#d4efca
#d4efca
rgb(212,239,202)
-
#d2f2c7
#d2f2c7
rgb(210,242,199)
-
#d1f4c5
#d1f4c5
rgb(209,244,197)
-
#d0f7c2
#d0f7c2
rgb(208,247,194)
-
#cffabf
#cffabf
rgb(207,250,191)
-
#cdfcbd
#cdfcbd
rgb(205,252,189)
-
#ccffba
#ccffba
rgb(204,255,186)
Color Blindness Simulator
Below, you can see how #ccffba 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.