colorhexa.com

#ccf274 hex color

In a RGB color space, hex #ccf274 is composed of 80% red, 94.9% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 15.7% cyan, 0% magenta, 52.1% yellow and 5.1% black. It has a hue angle of 78.1 degrees, a saturation of 82.9% and a lightness of 70.2%. #ccf274 color hex could be obtained by blending #ffffe8 with #99e500. Closest websafe color is: #ccff66.

- R 80
- G 95
- B 45
RGB color chart
- C 16
- M 0
- Y 52
- K 5
CMYK color chart

● #ccf274 color description : Soft green.

The hexadecimal color #ccf274 has RGB values of R:204, G:242, B:116 and CMYK values of C:0.16, M:0, Y:0.52, K:0.05. Its decimal value is 13431412.

Hex triplet	ccf274	`#ccf274`
RGB Decimal	204, 242, 116	`rgb(204,242,116)`
RGB Percent	80, 94.9, 45.5	`rgb(80%,94.9%,45.5%)`
CMYK	16, 0, 52, 5
HSL	78.1°, 82.9, 70.2	`hsl(78.1,82.9%,70.2%)`
HSV (or HSB)	78.1°, 52.1, 94.9
Web Safe	ccff66	`#ccff66`

CIE-LAB	90.598, -31.02, 56.079
XYZ	59.805, 77.602, 28.35
xyY	0.361, 0.468, 77.602
CIE-LCH	90.598, 64.087, 118.95
CIE-LUV	90.598, -17.752, 76.863
Hunter-Lab	88.092, -32.978, 42.584
Binary	11001100, 11110010, 01110100

#ccf274
```
#ccf274 rgb(204,242,116)
```
#9a74f2
```
#9a74f2 rgb(154,116,242)
```

Complementary Color

#f2d974
```
#f2d974 rgb(242,217,116)
```
#ccf274
```
#ccf274 rgb(204,242,116)
```
#8df274
```
#8df274 rgb(141,242,116)
```

Analogous Color

#d974f2
```
#d974f2 rgb(217,116,242)
```
#ccf274
```
#ccf274 rgb(204,242,116)
```
#748df2
```
#748df2 rgb(116,141,242)
```

Split Complementary Color

#f274cc
```
#f274cc rgb(242,116,204)
```
#ccf274
```
#ccf274 rgb(204,242,116)
```
#74ccf2
```
#74ccf2 rgb(116,204,242)
```

Triadic Color

#f29a74
```
#f29a74 rgb(242,154,116)
```
#ccf274
```
#ccf274 rgb(204,242,116)
```
#74ccf2
```
#74ccf2 rgb(116,204,242)
```
#9a74f2
```
#9a74f2 rgb(154,116,242)
```

Tetradic Color

#b2eb2e
```
#b2eb2e rgb(178,235,46)
```
#bbee45
```
#bbee45 rgb(187,238,69)
```
#c3f05d
```
#c3f05d rgb(195,240,93)
```
#ccf274
```
#ccf274 rgb(204,242,116)
```
#d5f48b
```
#d5f48b rgb(213,244,139)
```
#ddf6a3
```
#ddf6a3 rgb(221,246,163)
```
#e6f9ba
```
#e6f9ba rgb(230,249,186)
```

Monochromatic Color

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

#ecf274
```
#ecf274 rgb(236,242,116)
```
#e1f274
```
#e1f274 rgb(225,242,116)
```
#d7f274
```
#d7f274 rgb(215,242,116)
```
#ccf274
```
#ccf274 rgb(204,242,116)
```
#c2f274
```
#c2f274 rgb(194,242,116)
```
#b7f274
```
#b7f274 rgb(183,242,116)
```
#adf274
```
#adf274 rgb(173,242,116)
```

Similar Colors

Text with hexadecimal color #ccf274

This text has a font color of #ccf274.

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

#ccf274 background color

This paragraph has a background color of #ccf274.

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

#ccf274 border color

This element has a border color of #ccf274.

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

CSS codes

.text {color:#ccf274;}

.background {background-color:#ccf274;}

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

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, #030500 is the darkest color, while #fafef2 is the lightest one.

#030500
```
#030500 rgb(3,5,0)
```
#101602
```
#101602 rgb(16,22,2)
```
#1d2804
```
#1d2804 rgb(29,40,4)
```
#2a3a05
```
#2a3a05 rgb(42,58,5)
```
#374c07
```
#374c07 rgb(55,76,7)
```
#445e09
```
#445e09 rgb(68,94,9)
```
#51700a
```
#51700a rgb(81,112,10)
```
#5f820c
```
#5f820c rgb(95,130,12)
```
#6c940e
```
#6c940e rgb(108,148,14)
```
#79a610
```
#79a610 rgb(121,166,16)
```
#86b811
```
#86b811 rgb(134,184,17)
```
#93ca13
```
#93ca13 rgb(147,202,19)
```
#a0dc15
```
#a0dc15 rgb(160,220,21)
```

Shade Color Variation

#abea1a
```
#abea1a rgb(171,234,26)
```
#b2eb2c
```
#b2eb2c rgb(178,235,44)
```
#b8ed3e
```
#b8ed3e rgb(184,237,62)
```
#bfef50
```
#bfef50 rgb(191,239,80)
```
#c5f062
```
#c5f062 rgb(197,240,98)
```
#ccf274
```
#ccf274 rgb(204,242,116)
```
#d3f486
```
#d3f486 rgb(211,244,134)
```
#d9f598
```
#d9f598 rgb(217,245,152)
```
#e0f7aa
```
#e0f7aa rgb(224,247,170)
```
#e6f9bc
```
#e6f9bc rgb(230,249,188)
```
#edface
```
#edface rgb(237,250,206)
```
#f3fce0
```
#f3fce0 rgb(243,252,224)
```
#fafef2
```
#fafef2 rgb(250,254,242)
```

Tint Color Variation

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

#b5b8ae
```
#b5b8ae rgb(181,184,174)
```
#b7bda9
```
#b7bda9 rgb(183,189,169)
```
#b9c3a3
```
#b9c3a3 rgb(185,195,163)
```
#bcc99d
```
#bcc99d rgb(188,201,157)
```
#becf97
```
#becf97 rgb(190,207,151)
```
#c0d591
```
#c0d591 rgb(192,213,145)
```
#c3db8b
```
#c3db8b rgb(195,219,139)
```
#c5e086
```
#c5e086 rgb(197,224,134)
```
#c7e680
```
#c7e680 rgb(199,230,128)
```
#caec7a
```
#caec7a rgb(202,236,122)
```
#ccf274
```
#ccf274 rgb(204,242,116)
```
#cef86e
```
#cef86e rgb(206,248,110)
```
#d1fe68
```
#d1fe68 rgb(209,254,104)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#d6ddc4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fce577 Protanopia 1% of men
#ffe0be Deuteranopia 1% of men
#e0e5f5 Tritanopia 0.001% of the population

Trichromacy

#ebea75 Protanomaly 1% of men, 0.01% of women
#ece6a3 Deuteranomaly 6% of men, 0.4% of women
#d8e9c6 Tritanomaly 0.01% of the population