#caf540 hex color

In a RGB color space, hex #caf540 is composed of 79.2% red, 96.1% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 0% magenta, 73.9% yellow and 3.9% black. It has a hue angle of 74.3 degrees, a saturation of 90% and a lightness of 60.6%. #caf540 color hex could be obtained by blending #ffff80 with #95eb00. Closest websafe color is: #ccff33.

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

● #caf540 color description : Bright yellow.

The hexadecimal color #caf540 has RGB values of R:202, G:245, B:64 and CMYK values of C:0.18, M:0, Y:0.74, K:0.04. Its decimal value is 13301056.

Hex triplet	caf540	`#caf540`
RGB Decimal	202, 245, 64	`rgb(202,245,64)`
RGB Percent	79.2, 96.1, 25.1	`rgb(79.2%,96.1%,25.1%)`
CMYK	18, 0, 74, 4
HSL	74.3°, 90, 60.6	`hsl(74.3,90%,60.6%)`
HSV (or HSB)	74.3°, 73.9, 96.1
Web Safe	ccff33	`#ccff33`

CIE-LAB	90.885, -36.774, 76.806
XYZ	57.934, 78.231, 16.898
xyY	0.378, 0.511, 78.231
CIE-LCH	90.885, 85.156, 115.585
CIE-LUV	90.885, -20.193, 95.498
Hunter-Lab	88.448, -37.866, 50.586
Binary	11001010, 11110101, 01000000

#caf540
```
#caf540 rgb(202,245,64)
```
#6b40f5
```
#6b40f5 rgb(107,64,245)
```

Complementary Color

#f5c640
```
#f5c640 rgb(245,198,64)
```
#caf540
```
#caf540 rgb(202,245,64)
```
#70f540
```
#70f540 rgb(112,245,64)
```

Analogous Color

#c640f5
```
#c640f5 rgb(198,64,245)
```
#caf540
```
#caf540 rgb(202,245,64)
```
#4070f5
```
#4070f5 rgb(64,112,245)
```

Split Complementary Color

#f540ca
```
#f540ca rgb(245,64,202)
```
#caf540
```
#caf540 rgb(202,245,64)
```
#40caf5
```
#40caf5 rgb(64,202,245)
```

Triadic Color

#f56b40
```
#f56b40 rgb(245,107,64)
```
#caf540
```
#caf540 rgb(202,245,64)
```
#40caf5
```
#40caf5 rgb(64,202,245)
```
#6b40f5
```
#6b40f5 rgb(107,64,245)
```

Tetradic Color

#abdd0c
```
#abdd0c rgb(171,221,12)
```
#bdf210
```
#bdf210 rgb(189,242,16)
```
#c3f428
```
#c3f428 rgb(195,244,40)
```
#caf540
```
#caf540 rgb(202,245,64)
```
#d1f658
```
#d1f658 rgb(209,246,88)
```
#d7f870
```
#d7f870 rgb(215,248,112)
```
#def989
```
#def989 rgb(222,249,137)
```

Monochromatic Color

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

#f5f340
```
#f5f340 rgb(245,243,64)
```
#e8f540
```
#e8f540 rgb(232,245,64)
```
#d9f540
```
#d9f540 rgb(217,245,64)
```
#caf540
```
#caf540 rgb(202,245,64)
```
#bbf540
```
#bbf540 rgb(187,245,64)
```
#acf540
```
#acf540 rgb(172,245,64)
```
#9df540
```
#9df540 rgb(157,245,64)
```

Similar Colors

Text with hexadecimal color #caf540

This text has a font color of #caf540.

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

#caf540 background color

This paragraph has a background color of #caf540.

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

#caf540 border color

This element has a border color of #caf540.

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

CSS codes

.text {color:#caf540;}

.background {background-color:#caf540;}

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

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

#0b0e01
```
#0b0e01 rgb(11,14,1)
```
#192102
```
#192102 rgb(25,33,2)
```
#283303
```
#283303 rgb(40,51,3)
```
#364604
```
#364604 rgb(54,70,4)
```
#455905
```
#455905 rgb(69,89,5)
```
#536b06
```
#536b06 rgb(83,107,6)
```
#627e07
```
#627e07 rgb(98,126,7)
```
#709108
```
#709108 rgb(112,145,8)
```
#7ea309
```
#7ea309 rgb(126,163,9)
```
#8db60a
```
#8db60a rgb(141,182,10)
```
#9bc80a
```
#9bc80a rgb(155,200,10)
```
#aadb0b
```
#aadb0b rgb(170,219,11)
```
#b8ee0c
```
#b8ee0c rgb(184,238,12)
```

Shade Color Variation

#c0f31b
```
#c0f31b rgb(192,243,27)
```
#c5f42d
```
#c5f42d rgb(197,244,45)
```
#caf540
```
#caf540 rgb(202,245,64)
```
#cff653
```
#cff653 rgb(207,246,83)
```
#d4f765
```
#d4f765 rgb(212,247,101)
```
#daf878
```
#daf878 rgb(218,248,120)
```
#dff98b
```
#dff98b rgb(223,249,139)
```
#e4fa9d
```
#e4fa9d rgb(228,250,157)
```
#e9fbb0
```
#e9fbb0 rgb(233,251,176)
```
#eefcc2
```
#eefcc2 rgb(238,252,194)
```
#f3fdd5
```
#f3fdd5 rgb(243,253,213)
```
#f9fee8
```
#f9fee8 rgb(249,254,232)
```
#fefffa
```
#fefffa rgb(254,255,250)
```

Tint Color Variation

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

#9da095
```
#9da095 rgb(157,160,149)
```
#a1a88d
```
#a1a88d rgb(161,168,141)
```
#a5af86
```
#a5af86 rgb(165,175,134)
```
#aab77e
```
#aab77e rgb(170,183,126)
```
#aebf76
```
#aebf76 rgb(174,191,118)
```
#b2c76e
```
#b2c76e rgb(178,199,110)
```
#b6ce67
```
#b6ce67 rgb(182,206,103)
```
#bad65f
```
#bad65f rgb(186,214,95)
```
#bede57
```
#bede57 rgb(190,222,87)
```
#c2e64f
```
#c2e64f rgb(194,230,79)
```
#c6ed48
```
#c6ed48 rgb(198,237,72)
```
#caf540
```
#caf540 rgb(202,245,64)
```
#cefd38
```
#cefd38 rgb(206,253,56)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#d2dbb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe664 Protanopia 1% of men
#ffe1bd Deuteranopia 1% of men
#e1e5f6 Tritanopia 0.001% of the population

Trichromacy

#ebeb57 Protanomaly 1% of men, 0.01% of women
#ebe88f Deuteranomaly 6% of men, 0.4% of women
#d8ebb4 Tritanomaly 0.01% of the population

#caf540 hex color

#caf540 Color Information

#caf540 Color Conversion

Color Schemes with #caf540

Alternatives to #caf540

#caf540 Preview

Shades and Tints of #caf540

Tones of #caf540

Color Blindness Simulator