#ccff45 Color Information
In a RGB color space, hex #ccff45 is composed of 80% red, 100% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 72.9% yellow and 0% black. It has a hue angle of 76.5 degrees, a saturation of 100% and a lightness of 63.5%. #ccff45 color hex could be obtained by blending #ffff8a with #99ff00. Closest websafe color is: #ccff33.
-
- R 80
- G 100
- B 27
-
- C 20
- M 0
- Y 73
- K 0
● #ccff45 color description : Light green.
#ccff45 Color Conversion
The hexadecimal color #ccff45 has RGB values of R:204, G:255, B:69 and CMYK values of C:0.2, M:0, Y:0.73, K:0. Its decimal value is 13434693.
Hex triplet | ccff45 | #ccff45 |
---|---|---|
RGB Decimal | 204, 255, 69 | rgb(204,255,69) |
RGB Percent | 80, 100, 27.1 | rgb(80%,100%,27.1%) |
CMYK | 20, 0, 73, 0 | |
HSL | 76.5°, 100, 63.5 | hsl(76.5,100%,63.5%) |
HSV (or HSB) | 76.5°, 72.9, 100 | |
Web Safe | ccff33 | #ccff33 |
CIE-LAB | 93.791, -40.223, 78.039 |
---|---|
XYZ | 61.735, 84.786, 18.743 |
xyY | 0.374, 0.513, 84.786 |
CIE-LCH | 93.791, 87.795, 117.268 |
CIE-LUV | 93.791, -24.573, 98.439 |
Hunter-Lab | 92.079, -41.463, 52.387 |
Binary | 11001100, 11111111, 01000101 |
Color Schemes with #ccff45
Alternatives to #ccff45
Below, you can see some colors close to #ccff45. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccff45 Preview
This text has a font color of #ccff45.
<span style="color:#ccff45;">Text here</span>
This paragraph has a background color of #ccff45.
<p style="background-color:#ccff45;">Content here</p>
This element has a border color of #ccff45.
<div style="border:1px solid #ccff45;">Content here</div>
.text {color:#ccff45;}
.background {background-color:#ccff45;}
.border {border:1px solid #ccff45;}
Shades and Tints of #ccff45
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, #070a00 is the darkest color, while #fcfff6 is the lightest one.
-
#070a00
#070a00
rgb(7,10,0)
-
#161e00
#161e00
rgb(22,30,0)
-
#243100
#243100
rgb(36,49,0)
-
#324500
#324500
rgb(50,69,0)
-
#405900
#405900
rgb(64,89,0)
-
#4f6c00
#4f6c00
rgb(79,108,0)
-
#5d8000
#5d8000
rgb(93,128,0)
-
#6b9300
#6b9300
rgb(107,147,0)
-
#79a700
#79a700
rgb(121,167,0)
-
#88bb00
#88bb00
rgb(136,187,0)
-
#96ce00
#96ce00
rgb(150,206,0)
-
#a4e200
#a4e200
rgb(164,226,0)
-
#b2f600
#b2f600
rgb(178,246,0)
-
#bcff0a
#bcff0a
rgb(188,255,10)
-
#c1ff1e
#c1ff1e
rgb(193,255,30)
-
#c7ff31
#c7ff31
rgb(199,255,49)
-
#ccff45
#ccff45
rgb(204,255,69)
-
#d1ff59
#d1ff59
rgb(209,255,89)
-
#d7ff6c
#d7ff6c
rgb(215,255,108)
-
#dcff80
#dcff80
rgb(220,255,128)
-
#e2ff93
#e2ff93
rgb(226,255,147)
-
#e7ffa7
#e7ffa7
rgb(231,255,167)
-
#ecffbb
#ecffbb
rgb(236,255,187)
-
#f2ffce
#f2ffce
rgb(242,255,206)
-
#f7ffe2
#f7ffe2
rgb(247,255,226)
-
#fcfff6
#fcfff6
rgb(252,255,246)
Tones of #ccff45
A tone is produced by adding gray to any pure hue. In this case, #a5a99b is the less saturated color, while #ccff45 is the most saturated one.
-
#a5a99b
#a5a99b
rgb(165,169,155)
-
#a8b094
#a8b094
rgb(168,176,148)
-
#acb78d
#acb78d
rgb(172,183,141)
-
#afbf85
#afbf85
rgb(175,191,133)
-
#b2c67e
#b2c67e
rgb(178,198,126)
-
#b5cd77
#b5cd77
rgb(181,205,119)
-
#b9d470
#b9d470
rgb(185,212,112)
-
#bcdb69
#bcdb69
rgb(188,219,105)
-
#bfe262
#bfe262
rgb(191,226,98)
-
#c2ea5a
#c2ea5a
rgb(194,234,90)
-
#c6f153
#c6f153
rgb(198,241,83)
-
#c9f84c
#c9f84c
rgb(201,248,76)
-
#ccff45
#ccff45
rgb(204,255,69)
Color Blindness Simulator
Below, you can see how #ccff45 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.