#ccf245 hex color

In a RGB color space, hex #ccf245 is composed of 80% red, 94.9% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 0% magenta, 71.5% yellow and 5.1% black. It has a hue angle of 73.2 degrees, a saturation of 86.9% and a lightness of 61%. #ccf245 color hex could be obtained by blending #ffff8a with #99e500. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 80
- G 95
- B 27
RGB color chart
- C 16
- M 0
- Y 71
- K 5
CMYK color chart

● #ccf245 color description : Bright yellow.

The hexadecimal color #ccf245 has RGB values of R:204, G:242, B:69 and CMYK values of C:0.16, M:0, Y:0.71, K:0.05. Its decimal value is 13431365.

Hex triplet	ccf245	`#ccf245`
RGB Decimal	204, 242, 69	`rgb(204,242,69)`
RGB Percent	80, 94.9, 27.1	`rgb(80%,94.9%,27.1%)`
CMYK	16, 0, 71, 5
HSL	73.2°, 86.9, 61	`hsl(73.2,86.9%,61%)`
HSV (or HSB)	73.2°, 71.5, 94.9
Web Safe	ccff33	`#ccff33`

CIE-LAB	90.216, -34.395, 74.584
XYZ	57.728, 76.771, 17.407
xyY	0.38, 0.505, 76.771
CIE-LCH	90.216, 82.133, 114.757
CIE-LUV	90.216, -17.355, 93.086
Hunter-Lab	87.619, -35.729, 49.554
Binary	11001100, 11110010, 01000101

#ccf245
```
#ccf245 rgb(204,242,69)
```
#6b45f2
```
#6b45f2 rgb(107,69,242)
```

Complementary Color

#f2c245
```
#f2c245 rgb(242,194,69)
```
#ccf245
```
#ccf245 rgb(204,242,69)
```
#76f245
```
#76f245 rgb(118,242,69)
```

Analogous Color

#c245f2
```
#c245f2 rgb(194,69,242)
```
#ccf245
```
#ccf245 rgb(204,242,69)
```
#4576f2
```
#4576f2 rgb(69,118,242)
```

Split Complementary Color

#f245cc
```
#f245cc rgb(242,69,204)
```
#ccf245
```
#ccf245 rgb(204,242,69)
```
#45ccf2
```
#45ccf2 rgb(69,204,242)
```

Triadic Color

#f26b45
```
#f26b45 rgb(242,107,69)
```
#ccf245
```
#ccf245 rgb(204,242,69)
```
#45ccf2
```
#45ccf2 rgb(69,204,242)
```
#6b45f2
```
#6b45f2 rgb(107,69,242)
```

Tetradic Color

#aedb0f
```
#aedb0f rgb(174,219,15)
```
#bfef15
```
#bfef15 rgb(191,239,21)
```
#c5f02d
```
#c5f02d rgb(197,240,45)
```
#ccf245
```
#ccf245 rgb(204,242,69)
```
#d3f45d
```
#d3f45d rgb(211,244,93)
```
#d9f575
```
#d9f575 rgb(217,245,117)
```
#e0f78d
```
#e0f78d rgb(224,247,141)
```

Monochromatic Color

Below, you can see some colors close to #ccf245. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#f2ed45
```
#f2ed45 rgb(242,237,69)
```
#e9f245
```
#e9f245 rgb(233,242,69)
```
#daf245
```
#daf245 rgb(218,242,69)
```
#ccf245
```
#ccf245 rgb(204,242,69)
```
#bef245
```
#bef245 rgb(190,242,69)
```
#aff245
```
#aff245 rgb(175,242,69)
```
#a1f245
```
#a1f245 rgb(161,242,69)
```

Similar Colors

Text with hexadecimal color #ccf245

This text has a font color of #ccf245.

<span style="color:#ccf245;">Text here</span>

#ccf245 background color

This paragraph has a background color of #ccf245.

<p style="background-color:#ccf245;">Content here</p>

#ccf245 border color

This element has a border color of #ccf245.

<div style="border:1px solid #ccf245;">Content here</div>

CSS codes

.text {color:#ccf245;}

.background {background-color:#ccf245;}

.border {border:1px solid #ccf245;}

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, #0c1001 is the darkest color, while #fefffc is the lightest one.

#0c1001
```
#0c1001 rgb(12,16,1)
```
#1b2202
```
#1b2202 rgb(27,34,2)
```
#2a3404
```
#2a3404 rgb(42,52,4)
```
#384705
```
#384705 rgb(56,71,5)
```
#475906
```
#475906 rgb(71,89,6)
```
#556b08
```
#556b08 rgb(85,107,8)
```
#647e09
```
#647e09 rgb(100,126,9)
```
#73900a
```
#73900a rgb(115,144,10)
```
#81a20b
```
#81a20b rgb(129,162,11)
```
#90b50d
```
#90b50d rgb(144,181,13)
```
#9ec70e
```
#9ec70e rgb(158,199,14)
```
#add90f
```
#add90f rgb(173,217,15)
```
#bcec10
```
#bcec10 rgb(188,236,16)
```

Shade Color Variation

#c2ef20
```
#c2ef20 rgb(194,239,32)
```
#c7f133
```
#c7f133 rgb(199,241,51)
```
#ccf245
```
#ccf245 rgb(204,242,69)
```
#d1f357
```
#d1f357 rgb(209,243,87)
```
#d6f56a
```
#d6f56a rgb(214,245,106)
```
#dbf67c
```
#dbf67c rgb(219,246,124)
```
#e0f78e
```
#e0f78e rgb(224,247,142)
```
#e5f8a1
```
#e5f8a1 rgb(229,248,161)
```
#eafab3
```
#eafab3 rgb(234,250,179)
```
#effbc5
```
#effbc5 rgb(239,251,197)
```
#f4fcd8
```
#f4fcd8 rgb(244,252,216)
```
#f9feea
```
#f9feea rgb(249,254,234)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9d9e99 is the less saturated color, while #d0fa3d is the most saturated one.

#9d9e99
```
#9d9e99 rgb(157,158,153)
```
#a1a592
```
#a1a592 rgb(161,165,146)
```
#a5ad8a
```
#a5ad8a rgb(165,173,138)
```
#aab582
```
#aab582 rgb(170,181,130)
```
#aebc7b
```
#aebc7b rgb(174,188,123)
```
#b2c473
```
#b2c473 rgb(178,196,115)
```
#b7cc6b
```
#b7cc6b rgb(183,204,107)
```
#bbd364
```
#bbd364 rgb(187,211,100)
```
#bfdb5c
```
#bfdb5c rgb(191,219,92)
```
#c3e354
```
#c3e354 rgb(195,227,84)
```
#c8ea4d
```
#c8ea4d rgb(200,234,77)
```
#ccf245
```
#ccf245 rgb(204,242,69)
```
#d0fa3d
```
#d0fa3d rgb(208,250,61)
```

Tone Color Variation

Below, you can see how #ccf245 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.

Monochromacy

#d3d3d3 Achromatopsia 0.005% of the population
#d2d9b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fee44b Protanopia 1% of men
#ffdfb7 Deuteranopia 1% of men
#e2e3f3 Tritanopia 0.001% of the population

Trichromacy

#ece948 Protanomaly 1% of men, 0.01% of women
#ece68e Deuteranomaly 6% of men, 0.4% of women
#dae8b4 Tritanomaly 0.01% of the population

#ccf245 hex color

#ccf245 Color Information

#ccf245 Color Conversion

Color Schemes with #ccf245

Alternatives to #ccf245

#ccf245 Preview

Shades and Tints of #ccf245

Tones of #ccf245

Color Blindness Simulator