#caf533 hex color

In a RGB color space, hex #caf533 is composed of 79.2% red, 96.1% green and 20% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 0% magenta, 79.2% yellow and 3.9% black. It has a hue angle of 73.3 degrees, a saturation of 90.7% and a lightness of 58%. #caf533 color hex could be obtained by blending #ffff66 with #95eb00. Closest websafe color is: #ccff33.

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

● #caf533 color description : Bright yellow.

The hexadecimal color #caf533 has RGB values of R:202, G:245, B:51 and CMYK values of C:0.18, M:0, Y:0.79, K:0.04. Its decimal value is 13301043.

Hex triplet	caf533	`#caf533`
RGB Decimal	202, 245, 51	`rgb(202,245,51)`
RGB Percent	79.2, 96.1, 20	`rgb(79.2%,96.1%,20%)`
CMYK	18, 0, 79, 4
HSL	73.3°, 90.7, 58	`hsl(73.3,90.7%,58%)`
HSV (or HSB)	73.3°, 79.2, 96.1
Web Safe	ccff33	`#ccff33`

CIE-LAB	90.825, -37.318, 80.495
XYZ	57.606, 78.1, 15.172
xyY	0.382, 0.518, 78.1
CIE-LCH	90.825, 88.725, 114.872
CIE-LUV	90.825, -20.143, 98.144
Hunter-Lab	88.374, -38.3, 51.683
Binary	11001010, 11110101, 00110011

#caf533
```
#caf533 rgb(202,245,51)
```
#5e33f5
```
#5e33f5 rgb(94,51,245)
```

Complementary Color

#f5bf33
```
#f5bf33 rgb(245,191,51)
```
#caf533
```
#caf533 rgb(202,245,51)
```
#69f533
```
#69f533 rgb(105,245,51)
```

Analogous Color

#bf33f5
```
#bf33f5 rgb(191,51,245)
```
#caf533
```
#caf533 rgb(202,245,51)
```
#3369f5
```
#3369f5 rgb(51,105,245)
```

Split Complementary Color

#f533ca
```
#f533ca rgb(245,51,202)
```
#caf533
```
#caf533 rgb(202,245,51)
```
#33caf5
```
#33caf5 rgb(51,202,245)
```

Triadic Color

#f55e33
```
#f55e33 rgb(245,94,51)
```
#caf533
```
#caf533 rgb(202,245,51)
```
#33caf5
```
#33caf5 rgb(51,202,245)
```
#5e33f5
```
#5e33f5 rgb(94,51,245)
```

Tetradic Color

#a5d10a
```
#a5d10a rgb(165,209,10)
```
#b8ea0b
```
#b8ea0b rgb(184,234,11)
```
#c4f41b
```
#c4f41b rgb(196,244,27)
```
#caf533
```
#caf533 rgb(202,245,51)
```
#d0f64b
```
#d0f64b rgb(208,246,75)
```
#d7f764
```
#d7f764 rgb(215,247,100)
```
#ddf97c
```
#ddf97c rgb(221,249,124)
```

Monochromatic Color

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

#f5f033
```
#f5f033 rgb(245,240,51)
```
#eaf533
```
#eaf533 rgb(234,245,51)
```
#daf533
```
#daf533 rgb(218,245,51)
```
#caf533
```
#caf533 rgb(202,245,51)
```
#baf533
```
#baf533 rgb(186,245,51)
```
#aaf533
```
#aaf533 rgb(170,245,51)
```
#9af533
```
#9af533 rgb(154,245,51)
```

Similar Colors

Text with hexadecimal color #caf533

This text has a font color of #caf533.

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

#caf533 background color

This paragraph has a background color of #caf533.

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

#caf533 border color

This element has a border color of #caf533.

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

CSS codes

.text {color:#caf533;}

.background {background-color:#caf533;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#101401
```
#101401 rgb(16,20,1)
```
#1f2702
```
#1f2702 rgb(31,39,2)
```
#2e3a03
```
#2e3a03 rgb(46,58,3)
```
#3c4c04
```
#3c4c04 rgb(60,76,4)
```
#4b5f05
```
#4b5f05 rgb(75,95,5)
```
#5a7206
```
#5a7206 rgb(90,114,6)
```
#698506
```
#698506 rgb(105,133,6)
```
#779707
```
#779707 rgb(119,151,7)
```
#86aa08
```
#86aa08 rgb(134,170,8)
```
#95bd09
```
#95bd09 rgb(149,189,9)
```
#a4cf0a
```
#a4cf0a rgb(164,207,10)
```
#b2e20b
```
#b2e20b rgb(178,226,11)
```

Shade Color Variation

#c0f30e
```
#c0f30e rgb(192,243,14)
```
#c5f420
```
#c5f420 rgb(197,244,32)
```
#caf533
```
#caf533 rgb(202,245,51)
```
#cff646
```
#cff646 rgb(207,246,70)
```
#d4f758
```
#d4f758 rgb(212,247,88)
```
#d9f86b
```
#d9f86b rgb(217,248,107)
```
#ddf97e
```
#ddf97e rgb(221,249,126)
```
#e2fa90
```
#e2fa90 rgb(226,250,144)
```
#e7faa3
```
#e7faa3 rgb(231,250,163)
```
#ecfbb6
```
#ecfbb6 rgb(236,251,182)
```
#f1fcc9
```
#f1fcc9 rgb(241,252,201)
```
#f6fddb
```
#f6fddb rgb(246,253,219)
```
#fbfeee
```
#fbfeee rgb(251,254,238)
```

Tint Color Variation

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

#989a8e
```
#989a8e rgb(152,154,142)
```
#9ca385
```
#9ca385 rgb(156,163,133)
```
#a1ab7d
```
#a1ab7d rgb(161,171,125)
```
#a5b375
```
#a5b375 rgb(165,179,117)
```
#aabb6d
```
#aabb6d rgb(170,187,109)
```
#afc464
```
#afc464 rgb(175,196,100)
```
#b3cc5c
```
#b3cc5c rgb(179,204,92)
```
#b8d454
```
#b8d454 rgb(184,212,84)
```
#bcdc4c
```
#bcdc4c rgb(188,220,76)
```
#c1e543
```
#c1e543 rgb(193,229,67)
```
#c5ed3b
```
#c5ed3b rgb(197,237,59)
```
#caf533
```
#caf533 rgb(202,245,51)
```
#cffd2b
```
#cffd2b rgb(207,253,43)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#d0d9b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe661 Protanopia 1% of men
#ffe1bc Deuteranopia 1% of men
#e1e5f6 Tritanopia 0.001% of the population

Trichromacy

#ebeb50 Protanomaly 1% of men, 0.01% of women
#ebe88a Deuteranomaly 6% of men, 0.4% of women
#d9ebaf Tritanomaly 0.01% of the population

#caf533 hex color

#caf533 Color Information

#caf533 Color Conversion

Color Schemes with #caf533

Alternatives to #caf533

#caf533 Preview

Shades and Tints of #caf533

Tones of #caf533

Color Blindness Simulator