colorhexa.com

#cafd2e hex color

In a RGB color space, hex #cafd2e is composed of 79.2% red, 99.2% green and 18% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 0% magenta, 81.8% yellow and 0.8% black. It has a hue angle of 74.8 degrees, a saturation of 98.1% and a lightness of 58.6%. #cafd2e color hex could be obtained by blending #ffff5c with #95fb00. Closest websafe color is: #ccff33.

- R 79
- G 99
- B 18
RGB color chart
- C 20
- M 0
- Y 82
- K 1
CMYK color chart

● #cafd2e color description : Bright yellow.

The hexadecimal color #cafd2e has RGB values of R:202, G:253, B:46 and CMYK values of C:0.2, M:0, Y:0.82, K:0.01. Its decimal value is 13303086.

Hex triplet	cafd2e	`#cafd2e`
RGB Decimal	202, 253, 46	`rgb(202,253,46)`
RGB Percent	79.2, 99.2, 18	`rgb(79.2%,99.2%,18%)`
CMYK	20, 0, 82, 1
HSL	74.8°, 98.1, 58.6	`hsl(74.8,98.1%,58.6%)`
HSV (or HSB)	74.8°, 81.8, 99.2
Web Safe	ccff33	`#ccff33`

CIE-LAB	93.016, -41.039, 83.651
XYZ	59.975, 83.004, 15.446
xyY	0.379, 0.524, 83.004
CIE-LCH	93.016, 93.175, 116.132
CIE-LUV	93.016, -24.567, 102.131
Hunter-Lab	91.106, -41.93, 53.722
Binary	11001010, 11111101, 00101110

#cafd2e
```
#cafd2e rgb(202,253,46)
```
#612efd
```
#612efd rgb(97,46,253)
```

Complementary Color

#fdc92e
```
#fdc92e rgb(253,201,46)
```
#cafd2e
```
#cafd2e rgb(202,253,46)
```
#63fd2e
```
#63fd2e rgb(99,253,46)
```

Analogous Color

#c92efd
```
#c92efd rgb(201,46,253)
```
#cafd2e
```
#cafd2e rgb(202,253,46)
```
#2e63fd
```
#2e63fd rgb(46,99,253)
```

Split Complementary Color

#fd2eca
```
#fd2eca rgb(253,46,202)
```
#cafd2e
```
#cafd2e rgb(202,253,46)
```
#2ecafd
```
#2ecafd rgb(46,202,253)
```

Triadic Color

#fd612e
```
#fd612e rgb(253,97,46)
```
#cafd2e
```
#cafd2e rgb(202,253,46)
```
#2ecafd
```
#2ecafd rgb(46,202,253)
```
#612efd
```
#612efd rgb(97,46,253)
```

Tetradic Color

#a7dc02
```
#a7dc02 rgb(167,220,2)
```
#baf602
```
#baf602 rgb(186,246,2)
```
#c4fd15
```
#c4fd15 rgb(196,253,21)
```
#cafd2e
```
#cafd2e rgb(202,253,46)
```
#d0fd47
```
#d0fd47 rgb(208,253,71)
```
#d7fd61
```
#d7fd61 rgb(215,253,97)
```
#ddfe7a
```
#ddfe7a rgb(221,254,122)
```

Monochromatic Color

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

#fdfc2e
```
#fdfc2e rgb(253,252,46)
```
#edfd2e
```
#edfd2e rgb(237,253,46)
```
#dbfd2e
```
#dbfd2e rgb(219,253,46)
```
#cafd2e
```
#cafd2e rgb(202,253,46)
```
#b9fd2e
```
#b9fd2e rgb(185,253,46)
```
#a8fd2e
```
#a8fd2e rgb(168,253,46)
```
#96fd2e
```
#96fd2e rgb(150,253,46)
```

Similar Colors

Text with hexadecimal color #cafd2e

This text has a font color of #cafd2e.

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

#cafd2e background color

This paragraph has a background color of #cafd2e.

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

#cafd2e border color

This element has a border color of #cafd2e.

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

CSS codes

.text {color:#cafd2e;}

.background {background-color:#cafd2e;}

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

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

#040500
```
#040500 rgb(4,5,0)
```
#121800
```
#121800 rgb(18,24,0)
```
#212c00
```
#212c00 rgb(33,44,0)
```
#303f01
```
#303f01 rgb(48,63,1)
```
#3e5201
```
#3e5201 rgb(62,82,1)
```
#4d6601
```
#4d6601 rgb(77,102,1)
```
#5c7901
```
#5c7901 rgb(92,121,1)
```
#6a8d01
```
#6a8d01 rgb(106,141,1)
```
#79a002
```
#79a002 rgb(121,160,2)
```
#88b402
```
#88b402 rgb(136,180,2)
```
#96c702
```
#96c702 rgb(150,199,2)
```
#a5da02
```
#a5da02 rgb(165,218,2)
```
#b4ee02
```
#b4ee02 rgb(180,238,2)
```

Shade Color Variation

#c0fd07
```
#c0fd07 rgb(192,253,7)
```
#c5fd1b
```
#c5fd1b rgb(197,253,27)
```
#cafd2e
```
#cafd2e rgb(202,253,46)
```
#cffd41
```
#cffd41 rgb(207,253,65)
```
#d4fd55
```
#d4fd55 rgb(212,253,85)
```
#d9fe68
```
#d9fe68 rgb(217,254,104)
```
#defe7c
```
#defe7c rgb(222,254,124)
```
#e3fe8f
```
#e3fe8f rgb(227,254,143)
```
#e8fea3
```
#e8fea3 rgb(232,254,163)
```
#ecfeb6
```
#ecfeb6 rgb(236,254,182)
```
#f1fec9
```
#f1fec9 rgb(241,254,201)
```
#f6ffdd
```
#f6ffdd rgb(246,255,221)
```
#fbfff0
```
#fbfff0 rgb(251,255,240)
```

Tint Color Variation

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

#999c8f
```
#999c8f rgb(153,156,143)
```
#9da487
```
#9da487 rgb(157,164,135)
```
#a1ac7f
```
#a1ac7f rgb(161,172,127)
```
#a5b477
```
#a5b477 rgb(165,180,119)
```
#a9bc6f
```
#a9bc6f rgb(169,188,111)
```
#adc467
```
#adc467 rgb(173,196,103)
```
#b1cc5f
```
#b1cc5f rgb(177,204,95)
```
#b5d457
```
#b5d457 rgb(181,212,87)
```
#badd4e
```
#badd4e rgb(186,221,78)
```
#bee546
```
#bee546 rgb(190,229,70)
```
#c2ed3e
```
#c2ed3e rgb(194,237,62)
```
#c6f536
```
#c6f536 rgb(198,245,54)
```
#cafd2e
```
#cafd2e rgb(202,253,46)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#d4deb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffec9a Protanopia 1% of men
#ffe8cd Deuteranopia 1% of men
#e3ecfd Tritanopia 0.001% of the population

Trichromacy

#ebf273 Protanomaly 1% of men, 0.01% of women
#ebf093 Deuteranomaly 6% of men, 0.4% of women
#daf2b2 Tritanomaly 0.01% of the population