#caf361 hex color

In a RGB color space, hex #caf361 is composed of 79.2% red, 95.3% green and 38% blue. Whereas in a CMYK color space, it is composed of 16.9% cyan, 0% magenta, 60.1% yellow and 4.7% black. It has a hue angle of 76.8 degrees, a saturation of 85.9% and a lightness of 66.7%. #caf361 color hex could be obtained by blending #ffffc2 with #95e700. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 79
- G 95
- B 38
RGB color chart
- C 17
- M 0
- Y 60
- K 5
CMYK color chart

● #caf361 color description : Soft green.

The hexadecimal color #caf361 has RGB values of R:202, G:243, B:97 and CMYK values of C:0.17, M:0, Y:0.6, K:0.05. Its decimal value is 13300577.

Hex triplet	caf361	`#caf361`
RGB Decimal	202, 243, 97	`rgb(202,243,97)`
RGB Percent	79.2, 95.3, 38	`rgb(79.2%,95.3%,38%)`
CMYK	17, 0, 60, 5
HSL	76.8°, 85.9, 66.7	`hsl(76.8,85.9%,66.7%)`
HSV (or HSB)	76.8°, 60.1, 95.3
Web Safe	ccff66	`#ccff66`

CIE-LAB	90.56, -33.843, 64.293
XYZ	58.564, 77.52, 23.186
xyY	0.368, 0.487, 77.52
CIE-LCH	90.56, 72.656, 117.761
CIE-LUV	90.56, -19.278, 84.899
Hunter-Lab	88.046, -35.348, 46.018
Binary	11001010, 11110011, 01100001

#caf361
```
#caf361 rgb(202,243,97)
```
#8a61f3
```
#8a61f3 rgb(138,97,243)
```

Complementary Color

#f3d361
```
#f3d361 rgb(243,211,97)
```
#caf361
```
#caf361 rgb(202,243,97)
```
#81f361
```
#81f361 rgb(129,243,97)
```

Analogous Color

#d361f3
```
#d361f3 rgb(211,97,243)
```
#caf361
```
#caf361 rgb(202,243,97)
```
#6181f3
```
#6181f3 rgb(97,129,243)
```

Split Complementary Color

#f361ca
```
#f361ca rgb(243,97,202)
```
#caf361
```
#caf361 rgb(202,243,97)
```
#61caf3
```
#61caf3 rgb(97,202,243)
```

Triadic Color

#f38a61
```
#f38a61 rgb(243,138,97)
```
#caf361
```
#caf361 rgb(202,243,97)
```
#61caf3
```
#61caf3 rgb(97,202,243)
```
#8a61f3
```
#8a61f3 rgb(138,97,243)
```

Tetradic Color

#b2ee1a
```
#b2ee1a rgb(178,238,26)
```
#baef32
```
#baef32 rgb(186,239,50)
```
#c2f149
```
#c2f149 rgb(194,241,73)
```
#caf361
```
#caf361 rgb(202,243,97)
```
#d2f579
```
#d2f579 rgb(210,245,121)
```
#daf790
```
#daf790 rgb(218,247,144)
```
#e2f8a8
```
#e2f8a8 rgb(226,248,168)
```

Monochromatic Color

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

#eff361
```
#eff361 rgb(239,243,97)
```
#e2f361
```
#e2f361 rgb(226,243,97)
```
#d6f361
```
#d6f361 rgb(214,243,97)
```
#caf361
```
#caf361 rgb(202,243,97)
```
#bef361
```
#bef361 rgb(190,243,97)
```
#b2f361
```
#b2f361 rgb(178,243,97)
```
#a6f361
```
#a6f361 rgb(166,243,97)
```

Similar Colors

Text with hexadecimal color #caf361

This text has a font color of #caf361.

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

#caf361 background color

This paragraph has a background color of #caf361.

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

#caf361 border color

This element has a border color of #caf361.

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

CSS codes

.text {color:#caf361;}

.background {background-color:#caf361;}

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

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

#040600
```
#040600 rgb(4,6,0)
```
#121802
```
#121802 rgb(18,24,2)
```
#1f2b03
```
#1f2b03 rgb(31,43,3)
```
#2d3d05
```
#2d3d05 rgb(45,61,5)
```
#3a4f06
```
#3a4f06 rgb(58,79,6)
```
#486107
```
#486107 rgb(72,97,7)
```
#557309
```
#557309 rgb(85,115,9)
```
#63860a
```
#63860a rgb(99,134,10)
```
#71980c
```
#71980c rgb(113,152,12)
```
#7eaa0d
```
#7eaa0d rgb(126,170,13)
```
#8cbc0e
```
#8cbc0e rgb(140,188,14)
```
#99cf10
```
#99cf10 rgb(153,207,16)
```
#a7e111
```
#a7e111 rgb(167,225,17)
```

Shade Color Variation

#b2ed18
```
#b2ed18 rgb(178,237,24)
```
#b8ef2a
```
#b8ef2a rgb(184,239,42)
```
#bef03d
```
#bef03d rgb(190,240,61)
```
#c4f24f
```
#c4f24f rgb(196,242,79)
```
#caf361
```
#caf361 rgb(202,243,97)
```
#d0f473
```
#d0f473 rgb(208,244,115)
```
#d6f685
```
#d6f685 rgb(214,246,133)
```
#dcf798
```
#dcf798 rgb(220,247,152)
```
#e2f9aa
```
#e2f9aa rgb(226,249,170)
```
#e9fabc
```
#e9fabc rgb(233,250,188)
```
#effbce
```
#effbce rgb(239,251,206)
```
#f5fde1
```
#f5fde1 rgb(245,253,225)
```
#fbfef3
```
#fbfef3 rgb(251,254,243)
```

Tint Color Variation

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

#aaaba9
```
#aaaba9 rgb(170,171,169)
```
#adb2a2
```
#adb2a2 rgb(173,178,162)
```
#b0b89c
```
#b0b89c rgb(176,184,156)
```
#b3bf95
```
#b3bf95 rgb(179,191,149)
```
#b6c58f
```
#b6c58f rgb(182,197,143)
```
#b9cc88
```
#b9cc88 rgb(185,204,136)
```
#bcd282
```
#bcd282 rgb(188,210,130)
```
#bfd97b
```
#bfd97b rgb(191,217,123)
```
#c1df75
```
#c1df75 rgb(193,223,117)
```
#c4e66e
```
#c4e66e rgb(196,230,110)
```
#c7ec68
```
#c7ec68 rgb(199,236,104)
```
#caf361
```
#caf361 rgb(202,243,97)
```
#cdfa5a
```
#cdfa5a rgb(205,250,90)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#d4dcbf Atypical Achromatopsia 0.001% of the population

Dichromacy

#fee565 Protanopia 1% of men
#ffe0bc Deuteranopia 1% of men
#dfe5f5 Tritanopia 0.001% of the population

Trichromacy

#ebea63 Protanomaly 1% of men, 0.01% of women
#ebe79b Deuteranomaly 6% of men, 0.4% of women
#d7eabf Tritanomaly 0.01% of the population

#caf361 hex color

#caf361 Color Information

#caf361 Color Conversion

Color Schemes with #caf361

Alternatives to #caf361

#caf361 Preview

Shades and Tints of #caf361

Tones of #caf361

Color Blindness Simulator