colorhexa.com

#caf230 hex color

In a RGB color space, hex #caf230 is composed of 79.2% red, 94.9% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 16.5% cyan, 0% magenta, 80.2% yellow and 5.1% black. It has a hue angle of 72.4 degrees, a saturation of 88.2% and a lightness of 56.9%. #caf230 color hex could be obtained by blending #ffff60 with #95e500. Closest websafe color is: #ccff33.

- R 79
- G 95
- B 19
RGB color chart
- C 17
- M 0
- Y 80
- K 5
CMYK color chart

● #caf230 color description : Bright yellow.

The hexadecimal color #caf230 has RGB values of R:202, G:242, B:48 and CMYK values of C:0.17, M:0, Y:0.8, K:0.05. Its decimal value is 13300272.

Hex triplet	caf230	`#caf230`
RGB Decimal	202, 242, 48	`rgb(202,242,48)`
RGB Percent	79.2, 94.9, 18.8	`rgb(79.2%,94.9%,18.8%)`
CMYK	17, 0, 80, 5
HSL	72.4°, 88.2, 56.9	`hsl(72.4,88.2%,56.9%)`
HSV (or HSB)	72.4°, 80.2, 94.9
Web Safe	ccff33	`#ccff33`

CIE-LAB	89.986, -36.075, 80.521
XYZ	56.642, 76.274, 14.534
xyY	0.384, 0.517, 76.274
CIE-LCH	89.986, 88.233, 114.133
CIE-LUV	89.986, -18.439, 97.478
Hunter-Lab	87.335, -37.067, 51.267
Binary	11001010, 11110010, 00110000

#caf230
```
#caf230 rgb(202,242,48)
```
#5830f2
```
#5830f2 rgb(88,48,242)
```

Complementary Color

#f2b930
```
#f2b930 rgb(242,185,48)
```
#caf230
```
#caf230 rgb(202,242,48)
```
#69f230
```
#69f230 rgb(105,242,48)
```

Analogous Color

#b930f2
```
#b930f2 rgb(185,48,242)
```
#caf230
```
#caf230 rgb(202,242,48)
```
#3069f2
```
#3069f2 rgb(48,105,242)
```

Split Complementary Color

#f230ca
```
#f230ca rgb(242,48,202)
```
#caf230
```
#caf230 rgb(202,242,48)
```
#30caf2
```
#30caf2 rgb(48,202,242)
```

Triadic Color

#f25830
```
#f25830 rgb(242,88,48)
```
#caf230
```
#caf230 rgb(202,242,48)
```
#30caf2
```
#30caf2 rgb(48,202,242)
```
#5830f2
```
#5830f2 rgb(88,48,242)
```

Tetradic Color

#a2c90d
```
#a2c90d rgb(162,201,13)
```
#b5e10e
```
#b5e10e rgb(181,225,14)
```
#c4f018
```
#c4f018 rgb(196,240,24)
```
#caf230
```
#caf230 rgb(202,242,48)
```
#d0f448
```
#d0f448 rgb(208,244,72)
```
#d6f560
```
#d6f560 rgb(214,245,96)
```
#dcf778
```
#dcf778 rgb(220,247,120)
```

Monochromatic Color

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

#f2ea30
```
#f2ea30 rgb(242,234,48)
```
#eaf230
```
#eaf230 rgb(234,242,48)
```
#daf230
```
#daf230 rgb(218,242,48)
```
#caf230
```
#caf230 rgb(202,242,48)
```
#baf230
```
#baf230 rgb(186,242,48)
```
#aaf230
```
#aaf230 rgb(170,242,48)
```
#9af230
```
#9af230 rgb(154,242,48)
```

Similar Colors

Text with hexadecimal color #caf230

This text has a font color of #caf230.

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

#caf230 background color

This paragraph has a background color of #caf230.

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

#caf230 border color

This element has a border color of #caf230.

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

CSS codes

.text {color:#caf230;}

.background {background-color:#caf230;}

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

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

#0c0e01
```
#0c0e01 rgb(12,14,1)
```
#1b2102
```
#1b2102 rgb(27,33,2)
```
#293303
```
#293303 rgb(41,51,3)
```
#384604
```
#384604 rgb(56,70,4)
```
#475806
```
#475806 rgb(71,88,6)
```
#566b07
```
#566b07 rgb(86,107,7)
```
#657d08
```
#657d08 rgb(101,125,8)
```
#749009
```
#749009 rgb(116,144,9)
```
#83a20a
```
#83a20a rgb(131,162,10)
```
#92b50b
```
#92b50b rgb(146,181,11)
```
#a1c70d
```
#a1c70d rgb(161,199,13)
```
#afd90e
```
#afd90e rgb(175,217,14)
```
#beec0f
```
#beec0f rgb(190,236,15)
```

Shade Color Variation

#c5f11e
```
#c5f11e rgb(197,241,30)
```
#caf230
```
#caf230 rgb(202,242,48)
```
#cff342
```
#cff342 rgb(207,243,66)
```
#d3f455
```
#d3f455 rgb(211,244,85)
```
#d8f567
```
#d8f567 rgb(216,245,103)
```
#ddf77a
```
#ddf77a rgb(221,247,122)
```
#e2f88c
```
#e2f88c rgb(226,248,140)
```
#e6f99f
```
#e6f99f rgb(230,249,159)
```
#ebfab1
```
#ebfab1 rgb(235,250,177)
```
#f0fbc4
```
#f0fbc4 rgb(240,251,196)
```
#f5fcd6
```
#f5fcd6 rgb(245,252,214)
```
#f9fee9
```
#f9fee9 rgb(249,254,233)
```
#fefffb
```
#fefffb rgb(254,255,251)
```

Tint Color Variation

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

#93958d
```
#93958d rgb(147,149,141)
```
#989d85
```
#989d85 rgb(152,157,133)
```
#9da67c
```
#9da67c rgb(157,166,124)
```
#a2ae74
```
#a2ae74 rgb(162,174,116)
```
#a7b76b
```
#a7b76b rgb(167,183,107)
```
#acbf63
```
#acbf63 rgb(172,191,99)
```
#b1c85a
```
#b1c85a rgb(177,200,90)
```
#b6d052
```
#b6d052 rgb(182,208,82)
```
#bbd949
```
#bbd949 rgb(187,217,73)
```
#c0e141
```
#c0e141 rgb(192,225,65)
```
#c5ea38
```
#c5ea38 rgb(197,234,56)
```
#caf230
```
#caf230 rgb(202,242,48)
```
#cffa28
```
#cffa28 rgb(207,250,40)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cfd7b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe437 Protanopia 1% of men
#ffdfb4 Deuteranopia 1% of men
#e1e2f3 Tritanopia 0.001% of the population

Trichromacy

#ebe934 Protanomaly 1% of men, 0.01% of women
#ebe584 Deuteranomaly 6% of men, 0.4% of women
#d8e8ac Tritanomaly 0.01% of the population