#ccf685 Color Information
In a RGB color space, hex #ccf685 is composed of 80% red, 96.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 45.9% yellow and 3.5% black. It has a hue angle of 82.3 degrees, a saturation of 86.3% and a lightness of 74.3%. #ccf685 color hex could be obtained by blending #ffffff with #99ed0b. Closest websafe color is: #ccff99.
-
- R 80
- G 96
- B 52
-
- C 17
- M 0
- Y 46
- K 4
● #ccf685 color description : Soft green.
#ccf685 Color Conversion
The hexadecimal color #ccf685 has RGB values of R:204, G:246, B:133 and CMYK values of C:0.17, M:0, Y:0.46, K:0.04. Its decimal value is 13432453.
Hex triplet | ccf685 | #ccf685 |
---|---|---|
RGB Decimal | 204, 246, 133 | rgb(204,246,133) |
RGB Percent | 80, 96.5, 52.2 | rgb(80%,96.5%,52.2%) |
CMYK | 17, 0, 46, 4 | |
HSL | 82.3°, 86.3, 74.3 | hsl(82.3,86.3%,74.3%) |
HSV (or HSB) | 82.3°, 45.9, 96.5 | |
Web Safe | ccff99 | #ccff99 |
CIE-LAB | 91.883, -31.17, 49.729 |
---|---|
XYZ | 62.09, 80.442, 34.445 |
xyY | 0.351, 0.455, 80.442 |
CIE-LCH | 91.883, 58.69, 122.079 |
CIE-LUV | 91.883, -20.098, 70.86 |
Hunter-Lab | 89.689, -33.384, 40.012 |
Binary | 11001100, 11110110, 10000101 |
Color Schemes with #ccf685
Alternatives to #ccf685
Below, you can see some colors close to #ccf685. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccf685 Preview
This text has a font color of #ccf685.
<span style="color:#ccf685;">Text here</span>
This paragraph has a background color of #ccf685.
<p style="background-color:#ccf685;">Content here</p>
This element has a border color of #ccf685.
<div style="border:1px solid #ccf685;">Content here</div>
.text {color:#ccf685;}
.background {background-color:#ccf685;}
.border {border:1px solid #ccf685;}
Shades and Tints of #ccf685
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, #040600 is the darkest color, while #fafef3 is the lightest one.
-
#040600
#040600
rgb(4,6,0)
-
#101802
#101802
rgb(16,24,2)
-
#1c2a03
#1c2a03
rgb(28,42,3)
-
#283d04
#283d04
rgb(40,61,4)
-
#344f06
#344f06
rgb(52,79,6)
-
#406107
#406107
rgb(64,97,7)
-
#4c7309
#4c7309
rgb(76,115,9)
-
#58860a
#58860a
rgb(88,134,10)
-
#64980b
#64980b
rgb(100,152,11)
-
#70aa0d
#70aa0d
rgb(112,170,13)
-
#7cbd0e
#7cbd0e
rgb(124,189,14)
-
#88cf0f
#88cf0f
rgb(136,207,15)
-
#94e111
#94e111
rgb(148,225,17)
-
#9eee17
#9eee17
rgb(158,238,23)
-
#a6ef2a
#a6ef2a
rgb(166,239,42)
-
#adf13c
#adf13c
rgb(173,241,60)
-
#b5f24e
#b5f24e
rgb(181,242,78)
-
#bdf360
#bdf360
rgb(189,243,96)
-
#c4f573
#c4f573
rgb(196,245,115)
-
#ccf685
#ccf685
rgb(204,246,133)
-
#d4f797
#d4f797
rgb(212,247,151)
-
#dbf9aa
#dbf9aa
rgb(219,249,170)
-
#e3fabc
#e3fabc
rgb(227,250,188)
-
#ebfbce
#ebfbce
rgb(235,251,206)
-
#f2fde0
#f2fde0
rgb(242,253,224)
-
#fafef3
#fafef3
rgb(250,254,243)
Tones of #ccf685
A tone is produced by adding gray to any pure hue. In this case, #bebfbc is the less saturated color, while #cdfb80 is the most saturated one.
-
#bebfbc
#bebfbc
rgb(190,191,188)
-
#bfc4b7
#bfc4b7
rgb(191,196,183)
-
#c0c9b2
#c0c9b2
rgb(192,201,178)
-
#c2cead
#c2cead
rgb(194,206,173)
-
#c3d3a8
#c3d3a8
rgb(195,211,168)
-
#c4d8a3
#c4d8a3
rgb(196,216,163)
-
#c6dd9e
#c6dd9e
rgb(198,221,158)
-
#c7e299
#c7e299
rgb(199,226,153)
-
#c8e794
#c8e794
rgb(200,231,148)
-
#c9ec8f
#c9ec8f
rgb(201,236,143)
-
#cbf18a
#cbf18a
rgb(203,241,138)
-
#ccf685
#ccf685
rgb(204,246,133)
-
#cdfb80
#cdfb80
rgb(205,251,128)
Color Blindness Simulator
Below, you can see how #ccf685 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.