#cafe2d hex color

In a RGB color space, hex #cafe2d is composed of 79.2% red, 99.6% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 0% magenta, 82.3% yellow and 0.4% black. It has a hue angle of 74.9 degrees, a saturation of 99.1% and a lightness of 58.6%. #cafe2d color hex could be obtained by blending #ffff5a with #95fd00. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 79
- G 100
- B 18
RGB color chart
- C 20
- M 0
- Y 82
- K 0
CMYK color chart

● #cafe2d color description : Bright yellow.

The hexadecimal color #cafe2d has RGB values of R:202, G:254, B:45 and CMYK values of C:0.2, M:0, Y:0.82, K:0. Its decimal value is 13303341.

Hex triplet	cafe2d	`#cafe2d`
RGB Decimal	202, 254, 45	`rgb(202,254,45)`
RGB Percent	79.2, 99.6, 17.6	`rgb(79.2%,99.6%,17.6%)`
CMYK	20, 0, 82, 0
HSL	74.9°, 99.1, 58.6	`hsl(74.9,99.1%,58.6%)`
HSV (or HSB)	74.9°, 82.3, 99.6
Web Safe	ccff33	`#ccff33`

CIE-LAB	93.289, -41.509, 84.115
XYZ	60.272, 83.629, 15.449
xyY	0.378, 0.525, 83.629
CIE-LCH	93.289, 93.799, 116.265
CIE-LUV	93.289, -25.112, 102.675
Hunter-Lab	91.449, -42.39, 53.998
Binary	11001010, 11111110, 00101101

#cafe2d
```
#cafe2d rgb(202,254,45)
```
#612dfe
```
#612dfe rgb(97,45,254)
```

Complementary Color

#feca2d
```
#feca2d rgb(254,202,45)
```
#cafe2d
```
#cafe2d rgb(202,254,45)
```
#62fe2d
```
#62fe2d rgb(98,254,45)
```

Analogous Color

#ca2dfe
```
#ca2dfe rgb(202,45,254)
```
#cafe2d
```
#cafe2d rgb(202,254,45)
```
#2d61fe
```
#2d61fe rgb(45,97,254)
```

Split Complementary Color

#fe2dca
```
#fe2dca rgb(254,45,202)
```
#cafe2d
```
#cafe2d rgb(202,254,45)
```
#2dcafe
```
#2dcafe rgb(45,202,254)
```

Triadic Color

#fe612d
```
#fe612d rgb(254,97,45)
```
#cafe2d
```
#cafe2d rgb(202,254,45)
```
#2dcafe
```
#2dcafe rgb(45,202,254)
```
#612dfe
```
#612dfe rgb(97,45,254)
```

Tetradic Color

#a7dd01
```
#a7dd01 rgb(167,221,1)
```
#baf701
```
#baf701 rgb(186,247,1)
```
#c4fe14
```
#c4fe14 rgb(196,254,20)
```
#cafe2d
```
#cafe2d rgb(202,254,45)
```
#d0fe46
```
#d0fe46 rgb(208,254,70)
```
#d7fe60
```
#d7fe60 rgb(215,254,96)
```
#ddfe79
```
#ddfe79 rgb(221,254,121)
```

Monochromatic Color

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

#fefe2d
```
#fefe2d rgb(254,254,45)
```
#edfe2d
```
#edfe2d rgb(237,254,45)
```
#dbfe2d
```
#dbfe2d rgb(219,254,45)
```
#cafe2d
```
#cafe2d rgb(202,254,45)
```
#b9fe2d
```
#b9fe2d rgb(185,254,45)
```
#a7fe2d
```
#a7fe2d rgb(167,254,45)
```
#96fe2d
```
#96fe2d rgb(150,254,45)
```

Similar Colors

Text with hexadecimal color #cafe2d

This text has a font color of #cafe2d.

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

#cafe2d background color

This paragraph has a background color of #cafe2d.

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

#cafe2d border color

This element has a border color of #cafe2d.

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

CSS codes

.text {color:#cafe2d;}

.background {background-color:#cafe2d;}

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

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)
```
#303f00
```
#303f00 rgb(48,63,0)
```
#3e5300
```
#3e5300 rgb(62,83,0)
```
#4d6600
```
#4d6600 rgb(77,102,0)
```
#5c7a01
```
#5c7a01 rgb(92,122,1)
```
#6a8d01
```
#6a8d01 rgb(106,141,1)
```
#79a101
```
#79a101 rgb(121,161,1)
```
#88b401
```
#88b401 rgb(136,180,1)
```
#96c801
```
#96c801 rgb(150,200,1)
```
#a5db01
```
#a5db01 rgb(165,219,1)
```
#b4ef01
```
#b4ef01 rgb(180,239,1)
```

Shade Color Variation

#c0fe06
```
#c0fe06 rgb(192,254,6)
```
#c5fe19
```
#c5fe19 rgb(197,254,25)
```
#cafe2d
```
#cafe2d rgb(202,254,45)
```
#cffe41
```
#cffe41 rgb(207,254,65)
```
#d4fe54
```
#d4fe54 rgb(212,254,84)
```
#d9fe68
```
#d9fe68 rgb(217,254,104)
```
#defe7b
```
#defe7b rgb(222,254,123)
```
#e3fe8f
```
#e3fe8f rgb(227,254,143)
```
#e8ffa2
```
#e8ffa2 rgb(232,255,162)
```
#ecffb6
```
#ecffb6 rgb(236,255,182)
```
#f1ffc9
```
#f1ffc9 rgb(241,255,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, #999d8e is the less saturated color, while #cafe2d is the most saturated one.

#999d8e
```
#999d8e rgb(153,157,142)
```
#9da586
```
#9da586 rgb(157,165,134)
```
#a1ad7e
```
#a1ad7e rgb(161,173,126)
```
#a5b576
```
#a5b576 rgb(165,181,118)
```
#a9bd6e
```
#a9bd6e rgb(169,189,110)
```
#adc566
```
#adc566 rgb(173,197,102)
```
#b2cd5e
```
#b2cd5e rgb(178,205,94)
```
#b6d556
```
#b6d556 rgb(182,213,86)
```
#bade4d
```
#bade4d rgb(186,222,77)
```
#bee645
```
#bee645 rgb(190,230,69)
```
#c2ee3d
```
#c2ee3d rgb(194,238,61)
```
#c6f635
```
#c6f635 rgb(198,246,53)
```
#cafe2d
```
#cafe2d rgb(202,254,45)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#d4dfb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeda0 Protanopia 1% of men
#ffe9cf Deuteranopia 1% of men
#e3edfe Tritanopia 0.001% of the population

Trichromacy

#ebf376 Protanomaly 1% of men, 0.01% of women
#ebf194 Deuteranomaly 6% of men, 0.4% of women
#daf3b2 Tritanomaly 0.01% of the population

#cafe2d hex color

#cafe2d Color Information

#cafe2d Color Conversion

Color Schemes with #cafe2d

Alternatives to #cafe2d

#cafe2d Preview

Shades and Tints of #cafe2d

Tones of #cafe2d

Color Blindness Simulator