#caf150 hex color

In a RGB color space, hex #caf150 is composed of 79.2% red, 94.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 0% magenta, 66.8% yellow and 5.5% black. It has a hue angle of 74.5 degrees, a saturation of 85.2% and a lightness of 62.9%. #caf150 color hex could be obtained by blending #ffffa0 with #95e300. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 79
- G 95
- B 31
RGB color chart
- C 16
- M 0
- Y 67
- K 5
CMYK color chart

● #caf150 color description : Soft yellow.

The hexadecimal color #caf150 has RGB values of R:202, G:241, B:80 and CMYK values of C:0.16, M:0, Y:0.67, K:0.05. Its decimal value is 13300048.

Hex triplet	caf150	`#caf150`
RGB Decimal	202, 241, 80	`rgb(202,241,80)`
RGB Percent	79.2, 94.5, 31.4	`rgb(79.2%,94.5%,31.4%)`
CMYK	16, 0, 67, 5
HSL	74.5°, 85.2, 62.9	`hsl(74.5,85.2%,62.9%)`
HSV (or HSB)	74.5°, 66.8, 94.5
Web Safe	ccff66	`#ccff66`

CIE-LAB	89.881, -34.096, 70.301
XYZ	57.26, 76.046, 19.251
xyY	0.375, 0.498, 76.046
CIE-LCH	89.881, 78.133, 115.873
CIE-LUV	89.881, -18.041, 89.63
Hunter-Lab	87.204, -35.402, 47.954
Binary	11001010, 11110001, 01010000

#caf150
```
#caf150 rgb(202,241,80)
```
#7750f1
```
#7750f1 rgb(119,80,241)
```

Complementary Color

#f1c850
```
#f1c850 rgb(241,200,80)
```
#caf150
```
#caf150 rgb(202,241,80)
```
#7af150
```
#7af150 rgb(122,241,80)
```

Analogous Color

#c850f1
```
#c850f1 rgb(200,80,241)
```
#caf150
```
#caf150 rgb(202,241,80)
```
#507af1
```
#507af1 rgb(80,122,241)
```

Split Complementary Color

#f150ca
```
#f150ca rgb(241,80,202)
```
#caf150
```
#caf150 rgb(202,241,80)
```
#50caf1
```
#50caf1 rgb(80,202,241)
```

Triadic Color

#f17750
```
#f17750 rgb(241,119,80)
```
#caf150
```
#caf150 rgb(202,241,80)
```
#50caf1
```
#50caf1 rgb(80,202,241)
```
#7750f1
```
#7750f1 rgb(119,80,241)
```

Tetradic Color

#b0e212
```
#b0e212 rgb(176,226,18)
```
#bced21
```
#bced21 rgb(188,237,33)
```
#c3ef38
```
#c3ef38 rgb(195,239,56)
```
#caf150
```
#caf150 rgb(202,241,80)
```
#d1f368
```
#d1f368 rgb(209,243,104)
```
#d8f57f
```
#d8f57f rgb(216,245,127)
```
#dff797
```
#dff797 rgb(223,247,151)
```

Monochromatic Color

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

#f1f050
```
#f1f050 rgb(241,240,80)
```
#e5f150
```
#e5f150 rgb(229,241,80)
```
#d7f150
```
#d7f150 rgb(215,241,80)
```
#caf150
```
#caf150 rgb(202,241,80)
```
#bdf150
```
#bdf150 rgb(189,241,80)
```
#aff150
```
#aff150 rgb(175,241,80)
```
#a2f150
```
#a2f150 rgb(162,241,80)
```

Similar Colors

Text with hexadecimal color #caf150

This text has a font color of #caf150.

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

#caf150 background color

This paragraph has a background color of #caf150.

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

#caf150 border color

This element has a border color of #caf150.

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

CSS codes

.text {color:#caf150;}

.background {background-color:#caf150;}

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

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

#050701
```
#050701 rgb(5,7,1)
```
#131902
```
#131902 rgb(19,25,2)
```
#212b03
```
#212b03 rgb(33,43,3)
```
#2f3d05
```
#2f3d05 rgb(47,61,5)
```
#3e4f06
```
#3e4f06 rgb(62,79,6)
```
#4c6108
```
#4c6108 rgb(76,97,8)
```
#5a7409
```
#5a7409 rgb(90,116,9)
```
#68860b
```
#68860b rgb(104,134,11)
```
#76980c
```
#76980c rgb(118,152,12)
```
#84aa0e
```
#84aa0e rgb(132,170,14)
```
#92bc0f
```
#92bc0f rgb(146,188,15)
```
#a0ce11
```
#a0ce11 rgb(160,206,17)
```
#afe112
```
#afe112 rgb(175,225,18)
```

Shade Color Variation

#b9ed1a
```
#b9ed1a rgb(185,237,26)
```
#bfee2c
```
#bfee2c rgb(191,238,44)
```
#c4f03e
```
#c4f03e rgb(196,240,62)
```
#caf150
```
#caf150 rgb(202,241,80)
```
#d0f262
```
#d0f262 rgb(208,242,98)
```
#d5f474
```
#d5f474 rgb(213,244,116)
```
#dbf586
```
#dbf586 rgb(219,245,134)
```
#e0f799
```
#e0f799 rgb(224,247,153)
```
#e6f8ab
```
#e6f8ab rgb(230,248,171)
```
#ebfabd
```
#ebfabd rgb(235,250,189)
```
#f1fbcf
```
#f1fbcf rgb(241,251,207)
```
#f6fde1
```
#f6fde1 rgb(246,253,225)
```
#fcfef3
```
#fcfef3 rgb(252,254,243)
```

Tint Color Variation

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

#a1a1a0
```
#a1a1a0 rgb(161,161,160)
```
#a5a899
```
#a5a899 rgb(165,168,153)
```
#a8b091
```
#a8b091 rgb(168,176,145)
```
#acb78a
```
#acb78a rgb(172,183,138)
```
#b0be83
```
#b0be83 rgb(176,190,131)
```
#b4c57c
```
#b4c57c rgb(180,197,124)
```
#b7cd74
```
#b7cd74 rgb(183,205,116)
```
#bbd46d
```
#bbd46d rgb(187,212,109)
```
#bfdb66
```
#bfdb66 rgb(191,219,102)
```
#c3e25f
```
#c3e25f rgb(195,226,95)
```
#c6ea57
```
#c6ea57 rgb(198,234,87)
```
#caf150
```
#caf150 rgb(202,241,80)
```
#cef849
```
#cef849 rgb(206,248,73)
```

Tone Color Variation

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

Dichromacy

#fde355 Protanopia 1% of men
#ffdeb5 Deuteranopia 1% of men
#e0e2f3 Tritanopia 0.001% of the population

Trichromacy

#eae853 Protanomaly 1% of men, 0.01% of women
#ebe590 Deuteranomaly 6% of men, 0.4% of women
#d8e8b7 Tritanomaly 0.01% of the population

#caf150 hex color

#caf150 Color Information

#caf150 Color Conversion

Color Schemes with #caf150

Alternatives to #caf150

#caf150 Preview

Shades and Tints of #caf150

Tones of #caf150

Color Blindness Simulator