#ccf674 hex color

In a RGB color space, hex #ccf674 is composed of 80% red, 96.5% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 17.1% cyan, 0% magenta, 52.8% yellow and 3.5% black. It has a hue angle of 79.4 degrees, a saturation of 87.8% and a lightness of 71%. #ccf674 color hex could be obtained by blending #ffffe8 with #99ed00. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 80
- G 96
- B 45
RGB color chart
- C 17
- M 0
- Y 53
- K 4
CMYK color chart

● #ccf674 color description : Soft green.

The hexadecimal color #ccf674 has RGB values of R:204, G:246, B:116 and CMYK values of C:0.17, M:0, Y:0.53, K:0.04. Its decimal value is 13432436.

Hex triplet	ccf674	`#ccf674`
RGB Decimal	204, 246, 116	`rgb(204,246,116)`
RGB Percent	80, 96.5, 45.5	`rgb(80%,96.5%,45.5%)`
CMYK	17, 0, 53, 4
HSL	79.4°, 87.8, 71	`hsl(79.4,87.8%,71%)`
HSV (or HSB)	79.4°, 52.8, 96.5
Web Safe	ccff66	`#ccff66`

CIE-LAB	91.689, -32.868, 57.36
XYZ	61.009, 80.009, 28.751
xyY	0.359, 0.471, 80.009
CIE-LCH	91.689, 66.11, 119.813
CIE-LUV	91.689, -19.934, 78.773
Hunter-Lab	89.448, -34.786, 43.556
Binary	11001100, 11110110, 01110100

#ccf674
```
#ccf674 rgb(204,246,116)
```
#9e74f6
```
#9e74f6 rgb(158,116,246)
```

Complementary Color

#f6df74
```
#f6df74 rgb(246,223,116)
```
#ccf674
```
#ccf674 rgb(204,246,116)
```
#8bf674
```
#8bf674 rgb(139,246,116)
```

Analogous Color

#df74f6
```
#df74f6 rgb(223,116,246)
```
#ccf674
```
#ccf674 rgb(204,246,116)
```
#748bf6
```
#748bf6 rgb(116,139,246)
```

Split Complementary Color

#f674cc
```
#f674cc rgb(246,116,204)
```
#ccf674
```
#ccf674 rgb(204,246,116)
```
#74ccf6
```
#74ccf6 rgb(116,204,246)
```

Triadic Color

#f69e74
```
#f69e74 rgb(246,158,116)
```
#ccf674
```
#ccf674 rgb(204,246,116)
```
#74ccf6
```
#74ccf6 rgb(116,204,246)
```
#9e74f6
```
#9e74f6 rgb(158,116,246)
```

Tetradic Color

#b2f12c
```
#b2f12c rgb(178,241,44)
```
#baf344
```
#baf344 rgb(186,243,68)
```
#c3f45c
```
#c3f45c rgb(195,244,92)
```
#ccf674
```
#ccf674 rgb(204,246,116)
```
#d5f88c
```
#d5f88c rgb(213,248,140)
```
#def9a4
```
#def9a4 rgb(222,249,164)
```
#e6fbbc
```
#e6fbbc rgb(230,251,188)
```

Monochromatic Color

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

#edf674
```
#edf674 rgb(237,246,116)
```
#e2f674
```
#e2f674 rgb(226,246,116)
```
#d7f674
```
#d7f674 rgb(215,246,116)
```
#ccf674
```
#ccf674 rgb(204,246,116)
```
#c1f674
```
#c1f674 rgb(193,246,116)
```
#b6f674
```
#b6f674 rgb(182,246,116)
```
#acf674
```
#acf674 rgb(172,246,116)
```

Similar Colors

Text with hexadecimal color #ccf674

This text has a font color of #ccf674.

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

#ccf674 background color

This paragraph has a background color of #ccf674.

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

#ccf674 border color

This element has a border color of #ccf674.

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

CSS codes

.text {color:#ccf674;}

.background {background-color:#ccf674;}

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

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

#060801
```
#060801 rgb(6,8,1)
```
#131b02
```
#131b02 rgb(19,27,2)
```
#202d03
```
#202d03 rgb(32,45,3)
```
#2c4004
```
#2c4004 rgb(44,64,4)
```
#395205
```
#395205 rgb(57,82,5)
```
#466407
```
#466407 rgb(70,100,7)
```
#537708
```
#537708 rgb(83,119,8)
```
#608909
```
#608909 rgb(96,137,9)
```
#6d9c0a
```
#6d9c0a rgb(109,156,10)
```
#7aae0b
```
#7aae0b rgb(122,174,11)
```
#86c10c
```
#86c10c rgb(134,193,12)
```
#93d30e
```
#93d30e rgb(147,211,14)
```
#a0e50f
```
#a0e50f rgb(160,229,15)
```

Shade Color Variation

#aaf018
```
#aaf018 rgb(170,240,24)
```
#b1f12a
```
#b1f12a rgb(177,241,42)
```
#b8f23d
```
#b8f23d rgb(184,242,61)
```
#bef44f
```
#bef44f rgb(190,244,79)
```
#c5f562
```
#c5f562 rgb(197,245,98)
```
#ccf674
```
#ccf674 rgb(204,246,116)
```
#d3f786
```
#d3f786 rgb(211,247,134)
```
#daf899
```
#daf899 rgb(218,248,153)
```
#e0faab
```
#e0faab rgb(224,250,171)
```
#e7fbbe
```
#e7fbbe rgb(231,251,190)
```
#eefcd0
```
#eefcd0 rgb(238,252,208)
```
#f5fde3
```
#f5fde3 rgb(245,253,227)
```
#fbfef5
```
#fbfef5 rgb(251,254,245)
```

Tint Color Variation

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

#b6b7b3
```
#b6b7b3 rgb(182,183,179)
```
#b8bdad
```
#b8bdad rgb(184,189,173)
```
#bac3a7
```
#bac3a7 rgb(186,195,167)
```
#bcc8a2
```
#bcc8a2 rgb(188,200,162)
```
#bece9c
```
#bece9c rgb(190,206,156)
```
#c0d496
```
#c0d496 rgb(192,212,150)
```
#c2da90
```
#c2da90 rgb(194,218,144)
```
#c4df8b
```
#c4df8b rgb(196,223,139)
```
#c6e585
```
#c6e585 rgb(198,229,133)
```
#c8eb7f
```
#c8eb7f rgb(200,235,127)
```
#caf07a
```
#caf07a rgb(202,240,122)
```
#ccf674
```
#ccf674 rgb(204,246,116)
```
#cefc6e
```
#cefc6e rgb(206,252,110)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#d8e0c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe880 Protanopia 1% of men
#ffe4c6 Deuteranopia 1% of men
#e0e8f9 Tritanopia 0.001% of the population

Trichromacy

#eced7c Protanomaly 1% of men, 0.01% of women
#eceaa8 Deuteranomaly 6% of men, 0.4% of women
#d9edc8 Tritanomaly 0.01% of the population

#ccf674 hex color

#ccf674 Color Information

#ccf674 Color Conversion

Color Schemes with #ccf674

Alternatives to #ccf674

#ccf674 Preview

Shades and Tints of #ccf674

Tones of #ccf674

Color Blindness Simulator