#caf804 hex color

In a RGB color space, hex #caf804 is composed of 79.2% red, 97.3% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 0% magenta, 98.4% yellow and 2.7% black. It has a hue angle of 71.3 degrees, a saturation of 96.8% and a lightness of 49.4%. #caf804 color hex could be obtained by blending #ffff08 with #95f100. Closest websafe color is: #ccff00.

♥
- f
- t
- g
- R 79
- G 97
- B 2
RGB color chart
- C 19
- M 0
- Y 98
- K 3
CMYK color chart

● #caf804 color description : Vivid yellow.

The hexadecimal color #caf804 has RGB values of R:202, G:248, B:4 and CMYK values of C:0.19, M:0, Y:0.98, K:0.03. Its decimal value is 13301764.

Hex triplet	caf804	`#caf804`
RGB Decimal	202, 248, 4	`rgb(202,248,4)`
RGB Percent	79.2, 97.3, 1.6	`rgb(79.2%,97.3%,1.6%)`
CMYK	19, 0, 98, 3
HSL	71.3°, 96.8, 49.4	`hsl(71.3,96.8%,49.4%)`
HSV (or HSB)	71.3°, 98.4, 97.3
Web Safe	ccff00	`#ccff00`

CIE-LAB	91.55, -39.611, 88.369
XYZ	57.946, 79.699, 12.446
xyY	0.386, 0.531, 79.699
CIE-LCH	91.55, 96.84, 114.144
CIE-LUV	91.55, -21.745, 103.986
Hunter-Lab	89.275, -40.371, 54.227
Binary	11001010, 11111000, 00000100

#caf804
```
#caf804 rgb(202,248,4)
```
#3204f8
```
#3204f8 rgb(50,4,248)
```

Complementary Color

#f8ac04
```
#f8ac04 rgb(248,172,4)
```
#caf804
```
#caf804 rgb(202,248,4)
```
#50f804
```
#50f804 rgb(80,248,4)
```

Analogous Color

#ac04f8
```
#ac04f8 rgb(172,4,248)
```
#caf804
```
#caf804 rgb(202,248,4)
```
#0450f8
```
#0450f8 rgb(4,80,248)
```

Split Complementary Color

#f804ca
```
#f804ca rgb(248,4,202)
```
#caf804
```
#caf804 rgb(202,248,4)
```
#04caf8
```
#04caf8 rgb(4,202,248)
```

Triadic Color

#f83204
```
#f83204 rgb(248,50,4)
```
#caf804
```
#caf804 rgb(202,248,4)
```
#04caf8
```
#04caf8 rgb(4,202,248)
```
#3204f8
```
#3204f8 rgb(50,4,248)
```

Tetradic Color

#8dad03
```
#8dad03 rgb(141,173,3)
```
#a1c603
```
#a1c603 rgb(161,198,3)
```
#b6df04
```
#b6df04 rgb(182,223,4)
```
#caf804
```
#caf804 rgb(202,248,4)
```
#d1fb1a
```
#d1fb1a rgb(209,251,26)
```
#d6fc33
```
#d6fc33 rgb(214,252,51)
```
#dbfc4c
```
#dbfc4c rgb(219,252,76)
```

Monochromatic Color

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

#f8e904
```
#f8e904 rgb(248,233,4)
```
#f3f804
```
#f3f804 rgb(243,248,4)
```
#def804
```
#def804 rgb(222,248,4)
```
#caf804
```
#caf804 rgb(202,248,4)
```
#b6f804
```
#b6f804 rgb(182,248,4)
```
#a1f804
```
#a1f804 rgb(161,248,4)
```
#8df804
```
#8df804 rgb(141,248,4)
```

Similar Colors

Text with hexadecimal color #caf804

This text has a font color of #caf804.

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

#caf804 background color

This paragraph has a background color of #caf804.

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

#caf804 border color

This element has a border color of #caf804.

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

CSS codes

.text {color:#caf804;}

.background {background-color:#caf804;}

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

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

#0d1000
```
#0d1000 rgb(13,16,0)
```
#1d2401
```
#1d2401 rgb(29,36,1)
```
#2d3701
```
#2d3701 rgb(45,55,1)
```
#3c4a01
```
#3c4a01 rgb(60,74,1)
```
#4c5e02
```
#4c5e02 rgb(76,94,2)
```
#5c7102
```
#5c7102 rgb(92,113,2)
```
#6c8402
```
#6c8402 rgb(108,132,2)
```
#7b9702
```
#7b9702 rgb(123,151,2)
```
#8bab03
```
#8bab03 rgb(139,171,3)
```
#9bbe03
```
#9bbe03 rgb(155,190,3)
```
#abd103
```
#abd103 rgb(171,209,3)
```
#bae504
```
#bae504 rgb(186,229,4)
```
#caf804
```
#caf804 rgb(202,248,4)
```

Shade Color Variation

#d0fb14
```
#d0fb14 rgb(208,251,20)
```
#d4fc28
```
#d4fc28 rgb(212,252,40)
```
#d7fc3b
```
#d7fc3b rgb(215,252,59)
```
#dbfc4e
```
#dbfc4e rgb(219,252,78)
```
#dffc62
```
#dffc62 rgb(223,252,98)
```
#e3fd75
```
#e3fd75 rgb(227,253,117)
```
#e7fd88
```
#e7fd88 rgb(231,253,136)
```
#ebfd9c
```
#ebfd9c rgb(235,253,156)
```
#effeaf
```
#effeaf rgb(239,254,175)
```
#f3fec2
```
#f3fec2 rgb(243,254,194)
```
#f7fed5
```
#f7fed5 rgb(247,254,213)
```
#fbffe9
```
#fbffe9 rgb(251,255,233)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

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

#828478
```
#828478 rgb(130,132,120)
```
#888d6f
```
#888d6f rgb(136,141,111)
```
#8e9765
```
#8e9765 rgb(142,151,101)
```
#94a15b
```
#94a15b rgb(148,161,91)
```
#9aaa52
```
#9aaa52 rgb(154,170,82)
```
#a0b448
```
#a0b448 rgb(160,180,72)
```
#a6be3e
```
#a6be3e rgb(166,190,62)
```
#acc834
```
#acc834 rgb(172,200,52)
```
#b2d12b
```
#b2d12b rgb(178,209,43)
```
#b8db21
```
#b8db21 rgb(184,219,33)
```
#bee517
```
#bee517 rgb(190,229,23)
```
#c4ee0e
```
#c4ee0e rgb(196,238,14)
```
#caf804
```
#caf804 rgb(202,248,4)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#cdd6a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe877 Protanopia 1% of men
#ffe4c1 Deuteranopia 1% of men
#e2e7f8 Tritanopia 0.001% of the population

Trichromacy

#ebee4d Protanomaly 1% of men, 0.01% of women
#ebeb7c Deuteranomaly 6% of men, 0.4% of women
#d9ed9f Tritanomaly 0.01% of the population

#caf804 hex color

#caf804 Color Information

#caf804 Color Conversion

Color Schemes with #caf804

Alternatives to #caf804

#caf804 Preview

Shades and Tints of #caf804

Tones of #caf804

Color Blindness Simulator