#caf904 hex color

In a RGB color space, hex #caf904 is composed of 79.2% red, 97.6% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 18.9% cyan, 0% magenta, 98.4% yellow and 2.4% black. It has a hue angle of 71.5 degrees, a saturation of 96.8% and a lightness of 49.6%. #caf904 color hex could be obtained by blending #ffff08 with #95f300. Closest websafe color is: #ccff00.

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

● #caf904 color description : Vivid yellow.

The hexadecimal color #caf904 has RGB values of R:202, G:249, B:4 and CMYK values of C:0.19, M:0, Y:0.98, K:0.02. Its decimal value is 13302020.

Hex triplet	caf904	`#caf904`
RGB Decimal	202, 249, 4	`rgb(202,249,4)`
RGB Percent	79.2, 97.6, 1.6	`rgb(79.2%,97.6%,1.6%)`
CMYK	19, 0, 98, 2
HSL	71.5°, 96.8, 49.6	`hsl(71.5,96.8%,49.6%)`
HSV (or HSB)	71.5°, 98.4, 97.6
Web Safe	ccff00	`#ccff00`

CIE-LAB	91.826, -40.052, 88.579
XYZ	58.254, 80.316, 12.548
xyY	0.385, 0.531, 80.316
CIE-LCH	91.826, 97.214, 114.331
CIE-LUV	91.826, -22.304, 104.362
Hunter-Lab	89.619, -40.805, 54.432
Binary	11001010, 11111001, 00000100

#caf904
```
#caf904 rgb(202,249,4)
```
#3304f9
```
#3304f9 rgb(51,4,249)
```

Complementary Color

#f9ae04
```
#f9ae04 rgb(249,174,4)
```
#caf904
```
#caf904 rgb(202,249,4)
```
#50f904
```
#50f904 rgb(80,249,4)
```

Analogous Color

#ae04f9
```
#ae04f9 rgb(174,4,249)
```
#caf904
```
#caf904 rgb(202,249,4)
```
#0450f9
```
#0450f9 rgb(4,80,249)
```

Split Complementary Color

#f904ca
```
#f904ca rgb(249,4,202)
```
#caf904
```
#caf904 rgb(202,249,4)
```
#04caf9
```
#04caf9 rgb(4,202,249)
```

Triadic Color

#f93304
```
#f93304 rgb(249,51,4)
```
#caf904
```
#caf904 rgb(202,249,4)
```
#04caf9
```
#04caf9 rgb(4,202,249)
```
#3304f9
```
#3304f9 rgb(51,4,249)
```

Tetradic Color

#8dae03
```
#8dae03 rgb(141,174,3)
```
#a1c703
```
#a1c703 rgb(161,199,3)
```
#b6e004
```
#b6e004 rgb(182,224,4)
```
#caf904
```
#caf904 rgb(202,249,4)
```
#d0fb1b
```
#d0fb1b rgb(208,251,27)
```
#d5fc34
```
#d5fc34 rgb(213,252,52)
```
#dbfc4d
```
#dbfc4d rgb(219,252,77)
```

Monochromatic Color

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

#f9eb04
```
#f9eb04 rgb(249,235,4)
```
#f3f904
```
#f3f904 rgb(243,249,4)
```
#def904
```
#def904 rgb(222,249,4)
```
#caf904
```
#caf904 rgb(202,249,4)
```
#b6f904
```
#b6f904 rgb(182,249,4)
```
#a1f904
```
#a1f904 rgb(161,249,4)
```
#8df904
```
#8df904 rgb(141,249,4)
```

Similar Colors

Text with hexadecimal color #caf904

This text has a font color of #caf904.

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

#caf904 background color

This paragraph has a background color of #caf904.

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

#caf904 border color

This element has a border color of #caf904.

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

CSS codes

.text {color:#caf904;}

.background {background-color:#caf904;}

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

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

#0e1100
```
#0e1100 rgb(14,17,0)
```
#1e2501
```
#1e2501 rgb(30,37,1)
```
#2d3801
```
#2d3801 rgb(45,56,1)
```
#3d4b01
```
#3d4b01 rgb(61,75,1)
```
#4d5f02
```
#4d5f02 rgb(77,95,2)
```
#5c7202
```
#5c7202 rgb(92,114,2)
```
#6c8502
```
#6c8502 rgb(108,133,2)
```
#7c9802
```
#7c9802 rgb(124,152,2)
```
#8bac03
```
#8bac03 rgb(139,172,3)
```
#9bbf03
```
#9bbf03 rgb(155,191,3)
```
#abd203
```
#abd203 rgb(171,210,3)
```
#bae604
```
#bae604 rgb(186,230,4)
```
#caf904
```
#caf904 rgb(202,249,4)
```

Shade Color Variation

#cffb15
```
#cffb15 rgb(207,251,21)
```
#d3fc29
```
#d3fc29 rgb(211,252,41)
```
#d7fc3c
```
#d7fc3c rgb(215,252,60)
```
#dbfc4f
```
#dbfc4f rgb(219,252,79)
```
#dffc63
```
#dffc63 rgb(223,252,99)
```
#e3fd76
```
#e3fd76 rgb(227,253,118)
```
#e7fd89
```
#e7fd89 rgb(231,253,137)
```
#ebfd9d
```
#ebfd9d rgb(235,253,157)
```
#effeb0
```
#effeb0 rgb(239,254,176)
```
#f3fec3
```
#f3fec3 rgb(243,254,195)
```
#f7fed6
```
#f7fed6 rgb(247,254,214)
```
#fbffea
```
#fbffea rgb(251,255,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#828479
```
#828479 rgb(130,132,121)
```
#888e6f
```
#888e6f rgb(136,142,111)
```
#8e9865
```
#8e9865 rgb(142,152,101)
```
#94a15c
```
#94a15c rgb(148,161,92)
```
#9aab52
```
#9aab52 rgb(154,171,82)
```
#a0b548
```
#a0b548 rgb(160,181,72)
```
#a6bf3e
```
#a6bf3e rgb(166,191,62)
```
#acc835
```
#acc835 rgb(172,200,53)
```
#b2d22b
```
#b2d22b rgb(178,210,43)
```
#b8dc21
```
#b8dc21 rgb(184,220,33)
```
#bee617
```
#bee617 rgb(190,230,23)
```
#c4ef0e
```
#c4ef0e rgb(196,239,14)
```
#caf904
```
#caf904 rgb(202,249,4)
```

Tone Color Variation

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

Dichromacy

#ffe97f Protanopia 1% of men
#ffe4c3 Deuteranopia 1% of men
#e3e8f9 Tritanopia 0.001% of the population

Trichromacy

#ebee52 Protanomaly 1% of men, 0.01% of women
#ebec7e Deuteranomaly 6% of men, 0.4% of women
#d9eea0 Tritanomaly 0.01% of the population

#caf904 hex color

#caf904 Color Information

#caf904 Color Conversion

Color Schemes with #caf904

Alternatives to #caf904

#caf904 Preview

Shades and Tints of #caf904

Tones of #caf904

Color Blindness Simulator