#caf108 hex color

In a RGB color space, hex #caf108 is composed of 79.2% red, 94.5% green and 3.1% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 0% magenta, 96.7% yellow and 5.5% black. It has a hue angle of 70 degrees, a saturation of 93.6% and a lightness of 48.8%. #caf108 color hex could be obtained by blending #ffff10 with #95e300. Closest websafe color is: #ccff00.

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

● #caf108 color description : Vivid yellow.

The hexadecimal color #caf108 has RGB values of R:202, G:241, B:8 and CMYK values of C:0.16, M:0, Y:0.97, K:0.05. Its decimal value is 13299976.

Hex triplet	caf108	`#caf108`
RGB Decimal	202, 241, 8	`rgb(202,241,8)`
RGB Percent	79.2, 94.5, 3.1	`rgb(79.2%,94.5%,3.1%)`
CMYK	16, 0, 97, 5
HSL	70°, 93.6, 48.8	`hsl(70,93.6%,48.8%)`
HSV (or HSB)	70°, 96.7, 94.5
Web Safe	ccff00	`#ccff00`

CIE-LAB	89.619, -36.449, 86.595
XYZ	55.856, 75.484, 11.857
xyY	0.39, 0.527, 75.484
CIE-LCH	89.619, 93.954, 112.827
CIE-LUV	89.619, -17.777, 101.168
Hunter-Lab	86.882, -37.286, 52.726
Binary	11001010, 11110001, 00001000

#caf108
```
#caf108 rgb(202,241,8)
```
#2f08f1
```
#2f08f1 rgb(47,8,241)
```

Complementary Color

#f1a408
```
#f1a408 rgb(241,164,8)
```
#caf108
```
#caf108 rgb(202,241,8)
```
#56f108
```
#56f108 rgb(86,241,8)
```

Analogous Color

#a408f1
```
#a408f1 rgb(164,8,241)
```
#caf108
```
#caf108 rgb(202,241,8)
```
#0856f1
```
#0856f1 rgb(8,86,241)
```

Split Complementary Color

#f108ca
```
#f108ca rgb(241,8,202)
```
#caf108
```
#caf108 rgb(202,241,8)
```
#08caf1
```
#08caf1 rgb(8,202,241)
```

Triadic Color

#f12f08
```
#f12f08 rgb(241,47,8)
```
#caf108
```
#caf108 rgb(202,241,8)
```
#08caf1
```
#08caf1 rgb(8,202,241)
```
#2f08f1
```
#2f08f1 rgb(47,8,241)
```

Tetradic Color

#8ca706
```
#8ca706 rgb(140,167,6)
```
#a1c006
```
#a1c006 rgb(161,192,6)
```
#b5d807
```
#b5d807 rgb(181,216,7)
```
#caf108
```
#caf108 rgb(202,241,8)
```
#d3f71b
```
#d3f71b rgb(211,247,27)
```
#d7f834
```
#d7f834 rgb(215,248,52)
```
#dcf94c
```
#dcf94c rgb(220,249,76)
```

Monochromatic Color

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

#f1de08
```
#f1de08 rgb(241,222,8)
```
#f1f108
```
#f1f108 rgb(241,241,8)
```
#ddf108
```
#ddf108 rgb(221,241,8)
```
#caf108
```
#caf108 rgb(202,241,8)
```
#b7f108
```
#b7f108 rgb(183,241,8)
```
#a3f108
```
#a3f108 rgb(163,241,8)
```
#90f108
```
#90f108 rgb(144,241,8)
```

Similar Colors

Text with hexadecimal color #caf108

This text has a font color of #caf108.

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

#caf108 background color

This paragraph has a background color of #caf108.

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

#caf108 border color

This element has a border color of #caf108.

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

CSS codes

.text {color:#caf108;}

.background {background-color:#caf108;}

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

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, #0b0d00 is the darkest color, while #fefff9 is the lightest one.

#0b0d00
```
#0b0d00 rgb(11,13,0)
```
#1b2001
```
#1b2001 rgb(27,32,1)
```
#2b3302
```
#2b3302 rgb(43,51,2)
```
#3b4602
```
#3b4602 rgb(59,70,2)
```
#4b5903
```
#4b5903 rgb(75,89,3)
```
#5b6c04
```
#5b6c04 rgb(91,108,4)
```
#6b7f04
```
#6b7f04 rgb(107,127,4)
```
#7a9205
```
#7a9205 rgb(122,146,5)
```
#8aa505
```
#8aa505 rgb(138,165,5)
```
#9ab806
```
#9ab806 rgb(154,184,6)
```
#aacb07
```
#aacb07 rgb(170,203,7)
```
#bade07
```
#bade07 rgb(186,222,7)
```
#caf108
```
#caf108 rgb(202,241,8)
```

Shade Color Variation

#d1f715
```
#d1f715 rgb(209,247,21)
```
#d5f828
```
#d5f828 rgb(213,248,40)
```
#d9f93b
```
#d9f93b rgb(217,249,59)
```
#ddf94e
```
#ddf94e rgb(221,249,78)
```
#e0fa61
```
#e0fa61 rgb(224,250,97)
```
#e4fa74
```
#e4fa74 rgb(228,250,116)
```
#e8fb87
```
#e8fb87 rgb(232,251,135)
```
#ebfc9a
```
#ebfc9a rgb(235,252,154)
```
#effcad
```
#effcad rgb(239,252,173)
```
#f3fdc0
```
#f3fdc0 rgb(243,253,192)
```
#f6fed3
```
#f6fed3 rgb(246,254,211)
```
#fafee6
```
#fafee6 rgb(250,254,230)
```
#fefff9
```
#fefff9 rgb(254,255,249)
```

Tint Color Variation

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

#7e7e7b
```
#7e7e7b rgb(126,126,123)
```
#848871
```
#848871 rgb(132,136,113)
```
#8a9168
```
#8a9168 rgb(138,145,104)
```
#919b5e
```
#919b5e rgb(145,155,94)
```
#97a455
```
#97a455 rgb(151,164,85)
```
#9dae4b
```
#9dae4b rgb(157,174,75)
```
#a4b841
```
#a4b841 rgb(164,184,65)
```
#aac138
```
#aac138 rgb(170,193,56)
```
#b1cb2e
```
#b1cb2e rgb(177,203,46)
```
#b7d425
```
#b7d425 rgb(183,212,37)
```
#bdde1b
```
#bdde1b rgb(189,222,27)
```
#c4e712
```
#c4e712 rgb(196,231,18)
```
#caf108
```
#caf108 rgb(202,241,8)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#cbd3a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fee300 Protanopia 1% of men
#ffddb0 Deuteranopia 1% of men
#e1e1f1 Tritanopia 0.001% of the population

Trichromacy

#ebe802 Protanomaly 1% of men, 0.01% of women
#ebe473 Deuteranomaly 6% of men, 0.4% of women
#d8e79c Tritanomaly 0.01% of the population

#caf108 hex color

#caf108 Color Information

#caf108 Color Conversion

Color Schemes with #caf108

Alternatives to #caf108

#caf108 Preview

Shades and Tints of #caf108

Tones of #caf108

Color Blindness Simulator