#caf12f hex color

In a RGB color space, hex #caf12f is composed of 79.2% red, 94.5% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 16.2% cyan, 0% magenta, 80.5% yellow and 5.5% black. It has a hue angle of 72.1 degrees, a saturation of 87.4% and a lightness of 56.5%. #caf12f color hex could be obtained by blending #ffff5e with #95e300. Closest websafe color is: #ccff33.

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

● #caf12f color description : Bright yellow.

The hexadecimal color #caf12f has RGB values of R:202, G:241, B:47 and CMYK values of C:0.16, M:0, Y:0.8, K:0.05. Its decimal value is 13300015.

Hex triplet	caf12f	`#caf12f`
RGB Decimal	202, 241, 47	`rgb(202,241,47)`
RGB Percent	79.2, 94.5, 18.4	`rgb(79.2%,94.5%,18.4%)`
CMYK	16, 0, 80, 5
HSL	72.1°, 87.4, 56.5	`hsl(72.1,87.4%,56.5%)`
HSV (or HSB)	72.1°, 80.5, 94.5
Web Safe	ccff33	`#ccff33`

CIE-LAB	89.707, -35.657, 80.526
XYZ	56.325, 75.672, 14.328
xyY	0.385, 0.517, 75.672
CIE-LCH	89.707, 88.067, 113.884
CIE-LUV	89.707, -17.866, 97.251
Hunter-Lab	86.99, -36.655, 51.127
Binary	11001010, 11110001, 00101111

#caf12f
```
#caf12f rgb(202,241,47)
```
#562ff1
```
#562ff1 rgb(86,47,241)
```

Complementary Color

#f1b72f
```
#f1b72f rgb(241,183,47)
```
#caf12f
```
#caf12f rgb(202,241,47)
```
#69f12f
```
#69f12f rgb(105,241,47)
```

Analogous Color

#b72ff1
```
#b72ff1 rgb(183,47,241)
```
#caf12f
```
#caf12f rgb(202,241,47)
```
#2f69f1
```
#2f69f1 rgb(47,105,241)
```

Split Complementary Color

#f12fca
```
#f12fca rgb(241,47,202)
```
#caf12f
```
#caf12f rgb(202,241,47)
```
#2fcaf1
```
#2fcaf1 rgb(47,202,241)
```

Triadic Color

#f1562f
```
#f1562f rgb(241,86,47)
```
#caf12f
```
#caf12f rgb(202,241,47)
```
#2fcaf1
```
#2fcaf1 rgb(47,202,241)
```
#562ff1
```
#562ff1 rgb(86,47,241)
```

Tetradic Color

#a1c60d
```
#a1c60d rgb(161,198,13)
```
#b4de0f
```
#b4de0f rgb(180,222,15)
```
#c4ef17
```
#c4ef17 rgb(196,239,23)
```
#caf12f
```
#caf12f rgb(202,241,47)
```
#d0f347
```
#d0f347 rgb(208,243,71)
```
#d6f45f
```
#d6f45f rgb(214,244,95)
```
#dcf677
```
#dcf677 rgb(220,246,119)
```

Monochromatic Color

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

#f1e82f
```
#f1e82f rgb(241,232,47)
```
#eaf12f
```
#eaf12f rgb(234,241,47)
```
#daf12f
```
#daf12f rgb(218,241,47)
```
#caf12f
```
#caf12f rgb(202,241,47)
```
#baf12f
```
#baf12f rgb(186,241,47)
```
#aaf12f
```
#aaf12f rgb(170,241,47)
```
#9af12f
```
#9af12f rgb(154,241,47)
```

Similar Colors

Text with hexadecimal color #caf12f

This text has a font color of #caf12f.

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

#caf12f background color

This paragraph has a background color of #caf12f.

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

#caf12f border color

This element has a border color of #caf12f.

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

CSS codes

.text {color:#caf12f;}

.background {background-color:#caf12f;}

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

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

#0a0d01
```
#0a0d01 rgb(10,13,1)
```
#191f02
```
#191f02 rgb(25,31,2)
```
#283103
```
#283103 rgb(40,49,3)
```
#374405
```
#374405 rgb(55,68,5)
```
#465606
```
#465606 rgb(70,86,6)
```
#556807
```
#556807 rgb(85,104,7)
```
#647b08
```
#647b08 rgb(100,123,8)
```
#738d0a
```
#738d0a rgb(115,141,10)
```
#82a00b
```
#82a00b rgb(130,160,11)
```
#91b20c
```
#91b20c rgb(145,178,12)
```
#a0c40d
```
#a0c40d rgb(160,196,13)
```
#aed70e
```
#aed70e rgb(174,215,14)
```
#bde910
```
#bde910 rgb(189,233,16)
```

Shade Color Variation

#c5f01d
```
#c5f01d rgb(197,240,29)
```
#caf12f
```
#caf12f rgb(202,241,47)
```
#cff241
```
#cff241 rgb(207,242,65)
```
#d3f354
```
#d3f354 rgb(211,243,84)
```
#d8f566
```
#d8f566 rgb(216,245,102)
```
#ddf679
```
#ddf679 rgb(221,246,121)
```
#e1f78b
```
#e1f78b rgb(225,247,139)
```
#e6f89d
```
#e6f89d rgb(230,248,157)
```
#ebfab0
```
#ebfab0 rgb(235,250,176)
```
#effbc2
```
#effbc2 rgb(239,251,194)
```
#f4fcd4
```
#f4fcd4 rgb(244,252,212)
```
#f9fde7
```
#f9fde7 rgb(249,253,231)
```
#fefff9
```
#fefff9 rgb(254,255,249)
```

Tint Color Variation

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

#92938d
```
#92938d rgb(146,147,141)
```
#979c84
```
#979c84 rgb(151,156,132)
```
#9ca47c
```
#9ca47c rgb(156,164,124)
```
#a1ad73
```
#a1ad73 rgb(161,173,115)
```
#a6b56b
```
#a6b56b rgb(166,181,107)
```
#abbe62
```
#abbe62 rgb(171,190,98)
```
#b0c65a
```
#b0c65a rgb(176,198,90)
```
#b6cf51
```
#b6cf51 rgb(182,207,81)
```
#bbd749
```
#bbd749 rgb(187,215,73)
```
#c0e040
```
#c0e040 rgb(192,224,64)
```
#c5e838
```
#c5e838 rgb(197,232,56)
```
#caf12f
```
#caf12f rgb(202,241,47)
```
#cffa26
```
#cffa26 rgb(207,250,38)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#ced6af Atypical Achromatopsia 0.001% of the population

Dichromacy

#fee336 Protanopia 1% of men
#ffdeb2 Deuteranopia 1% of men
#e1e2f2 Tritanopia 0.001% of the population

Trichromacy

#ebe833 Protanomaly 1% of men, 0.01% of women
#ebe482 Deuteranomaly 6% of men, 0.4% of women
#d8e7ab Tritanomaly 0.01% of the population

#caf12f hex color

#caf12f Color Information

#caf12f Color Conversion

Color Schemes with #caf12f

Alternatives to #caf12f

#caf12f Preview

Shades and Tints of #caf12f

Tones of #caf12f

Color Blindness Simulator