#caf774 hex color

In a RGB color space, hex #caf774 is composed of 79.2% red, 96.9% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 53% yellow and 3.1% black. It has a hue angle of 80.6 degrees, a saturation of 89.1% and a lightness of 71.2%. #caf774 color hex could be obtained by blending #ffffe8 with #95ef00. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 79
- G 97
- B 45
RGB color chart
- C 18
- M 0
- Y 53
- K 3
CMYK color chart

● #caf774 color description : Soft green.

The hexadecimal color #caf774 has RGB values of R:202, G:247, B:116 and CMYK values of C:0.18, M:0, Y:0.53, K:0.03. Its decimal value is 13301620.

Hex triplet	caf774	`#caf774`
RGB Decimal	202, 247, 116	`rgb(202,247,116)`
RGB Percent	79.2, 96.9, 45.5	`rgb(79.2%,96.9%,45.5%)`
CMYK	18, 0, 53, 3
HSL	80.6°, 89.1, 71.2	`hsl(80.6,89.1%,71.2%)`
HSV (or HSB)	80.6°, 53, 96.9
Web Safe	ccff66	`#ccff66`

CIE-LAB	91.836, -34.069, 57.501
XYZ	60.769, 80.338, 28.827
xyY	0.358, 0.473, 80.338
CIE-LCH	91.836, 66.836, 120.646
CIE-LUV	91.836, -21.6, 79.191
Hunter-Lab	89.632, -35.834, 43.673
Binary	11001010, 11110111, 01110100

#caf774
```
#caf774 rgb(202,247,116)
```
#a174f7
```
#a174f7 rgb(161,116,247)
```

Complementary Color

#f7e374
```
#f7e374 rgb(247,227,116)
```
#caf774
```
#caf774 rgb(202,247,116)
```
#89f774
```
#89f774 rgb(137,247,116)
```

Analogous Color

#e374f7
```
#e374f7 rgb(227,116,247)
```
#caf774
```
#caf774 rgb(202,247,116)
```
#7489f7
```
#7489f7 rgb(116,137,247)
```

Split Complementary Color

#f774ca
```
#f774ca rgb(247,116,202)
```
#caf774
```
#caf774 rgb(202,247,116)
```
#74caf7
```
#74caf7 rgb(116,202,247)
```

Triadic Color

#f7a174
```
#f7a174 rgb(247,161,116)
```
#caf774
```
#caf774 rgb(202,247,116)
```
#74caf7
```
#74caf7 rgb(116,202,247)
```
#a174f7
```
#a174f7 rgb(161,116,247)
```

Tetradic Color

#aef32c
```
#aef32c rgb(174,243,44)
```
#b8f444
```
#b8f444 rgb(184,244,68)
```
#c1f65c
```
#c1f65c rgb(193,246,92)
```
#caf774
```
#caf774 rgb(202,247,116)
```
#d3f88c
```
#d3f88c rgb(211,248,140)
```
#dcfaa4
```
#dcfaa4 rgb(220,250,164)
```
#e6fbbc
```
#e6fbbc rgb(230,251,188)
```

Monochromatic Color

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

#ebf774
```
#ebf774 rgb(235,247,116)
```
#e0f774
```
#e0f774 rgb(224,247,116)
```
#d5f774
```
#d5f774 rgb(213,247,116)
```
#caf774
```
#caf774 rgb(202,247,116)
```
#bff774
```
#bff774 rgb(191,247,116)
```
#b4f774
```
#b4f774 rgb(180,247,116)
```
#a9f774
```
#a9f774 rgb(169,247,116)
```

Similar Colors

Text with hexadecimal color #caf774

This text has a font color of #caf774.

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

#caf774 background color

This paragraph has a background color of #caf774.

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

#caf774 border color

This element has a border color of #caf774.

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

CSS codes

.text {color:#caf774;}

.background {background-color:#caf774;}

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

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

#060901
```
#060901 rgb(6,9,1)
```
#131c02
```
#131c02 rgb(19,28,2)
```
#1f2e03
```
#1f2e03 rgb(31,46,3)
```
#2c4104
```
#2c4104 rgb(44,65,4)
```
#395405
```
#395405 rgb(57,84,5)
```
#456606
```
#456606 rgb(69,102,6)
```
#527907
```
#527907 rgb(82,121,7)
```
#5e8b08
```
#5e8b08 rgb(94,139,8)
```
#6b9e09
```
#6b9e09 rgb(107,158,9)
```
#77b00a
```
#77b00a rgb(119,176,10)
```
#84c30b
```
#84c30b rgb(132,195,11)
```
#90d50c
```
#90d50c rgb(144,213,12)
```
#9de80d
```
#9de80d rgb(157,232,13)
```

Shade Color Variation

#a7f217
```
#a7f217 rgb(167,242,23)
```
#aef32a
```
#aef32a rgb(174,243,42)
```
#b5f43c
```
#b5f43c rgb(181,244,60)
```
#bcf54f
```
#bcf54f rgb(188,245,79)
```
#c3f661
```
#c3f661 rgb(195,246,97)
```
#caf774
```
#caf774 rgb(202,247,116)
```
#d1f887
```
#d1f887 rgb(209,248,135)
```
#d8f999
```
#d8f999 rgb(216,249,153)
```
#dffaac
```
#dffaac rgb(223,250,172)
```
#e6fbbe
```
#e6fbbe rgb(230,251,190)
```
#edfcd1
```
#edfcd1 rgb(237,252,209)
```
#f4fde3
```
#f4fde3 rgb(244,253,227)
```
#fcfef6
```
#fcfef6 rgb(252,254,246)
```

Tint Color Variation

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

#b7b9b2
```
#b7b9b2 rgb(183,185,178)
```
#b8bead
```
#b8bead rgb(184,190,173)
```
#bac4a7
```
#bac4a7 rgb(186,196,167)
```
#bccaa1
```
#bccaa1 rgb(188,202,161)
```
#becf9c
```
#becf9c rgb(190,207,156)
```
#bfd596
```
#bfd596 rgb(191,213,150)
```
#c1db90
```
#c1db90 rgb(193,219,144)
```
#c3e08b
```
#c3e08b rgb(195,224,139)
```
#c5e685
```
#c5e685 rgb(197,230,133)
```
#c6ec7f
```
#c6ec7f rgb(198,236,127)
```
#c8f17a
```
#c8f17a rgb(200,241,122)
```
#caf774
```
#caf774 rgb(202,247,116)
```
#ccfd6e
```
#ccfd6e rgb(204,253,110)
```

Tone Color Variation

Below, you can see how #caf774 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
#d8e1c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe884 Protanopia 1% of men
#ffe4c7 Deuteranopia 1% of men
#dfe9fa Tritanopia 0.001% of the population

Trichromacy

#ebee7e Protanomaly 1% of men, 0.01% of women
#ebeba9 Deuteranomaly 6% of men, 0.4% of women
#d7eec9 Tritanomaly 0.01% of the population

#caf774 hex color

#caf774 Color Information

#caf774 Color Conversion

Color Schemes with #caf774

Alternatives to #caf774

#caf774 Preview

Shades and Tints of #caf774

Tones of #caf774

Color Blindness Simulator