#caf518 hex color

In a RGB color space, hex #caf518 is composed of 79.2% red, 96.1% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 0% magenta, 90.2% yellow and 3.9% black. It has a hue angle of 71.7 degrees, a saturation of 91.7% and a lightness of 52.7%. #caf518 color hex could be obtained by blending #ffff30 with #95eb00. Closest websafe color is: #ccff00.

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

● #caf518 color description : Vivid yellow.

The hexadecimal color #caf518 has RGB values of R:202, G:245, B:24 and CMYK values of C:0.18, M:0, Y:0.9, K:0.04. Its decimal value is 13301016.

Hex triplet	caf518	`#caf518`
RGB Decimal	202, 245, 24	`rgb(202,245,24)`
RGB Percent	79.2, 96.1, 9.4	`rgb(79.2%,96.1%,9.4%)`
CMYK	18, 0, 90, 4
HSL	71.7°, 91.7, 52.7	`hsl(71.7,91.7%,52.7%)`
HSV (or HSB)	71.7°, 90.2, 96.1
Web Safe	ccff00	`#ccff00`

CIE-LAB	90.746, -38.039, 85.833
XYZ	57.174, 77.927, 12.893
xyY	0.386, 0.527, 77.927
CIE-LCH	90.746, 93.885, 113.902
CIE-LUV	90.746, -20.076, 101.679
Hunter-Lab	88.276, -38.874, 53.134
Binary	11001010, 11110101, 00011000

#caf518
```
#caf518 rgb(202,245,24)
```
#4318f5
```
#4318f5 rgb(67,24,245)
```

Complementary Color

#f5b218
```
#f5b218 rgb(245,178,24)
```
#caf518
```
#caf518 rgb(202,245,24)
```
#5cf518
```
#5cf518 rgb(92,245,24)
```

Analogous Color

#b218f5
```
#b218f5 rgb(178,24,245)
```
#caf518
```
#caf518 rgb(202,245,24)
```
#185cf5
```
#185cf5 rgb(24,92,245)
```

Split Complementary Color

#f518ca
```
#f518ca rgb(245,24,202)
```
#caf518
```
#caf518 rgb(202,245,24)
```
#18caf5
```
#18caf5 rgb(24,202,245)
```

Triadic Color

#f54318
```
#f54318 rgb(245,67,24)
```
#caf518
```
#caf518 rgb(202,245,24)
```
#18caf5
```
#18caf5 rgb(24,202,245)
```
#4318f5
```
#4318f5 rgb(67,24,245)
```

Tetradic Color

#96b908
```
#96b908 rgb(150,185,8)
```
#aad109
```
#aad109 rgb(170,209,9)
```
#bee90a
```
#bee90a rgb(190,233,10)
```
#caf518
```
#caf518 rgb(202,245,24)
```
#d0f630
```
#d0f630 rgb(208,246,48)
```
#d5f749
```
#d5f749 rgb(213,247,73)
```
#dbf861
```
#dbf861 rgb(219,248,97)
```

Monochromatic Color

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

#f5e918
```
#f5e918 rgb(245,233,24)
```
#eff518
```
#eff518 rgb(239,245,24)
```
#dcf518
```
#dcf518 rgb(220,245,24)
```
#caf518
```
#caf518 rgb(202,245,24)
```
#b8f518
```
#b8f518 rgb(184,245,24)
```
#a5f518
```
#a5f518 rgb(165,245,24)
```
#93f518
```
#93f518 rgb(147,245,24)
```

Similar Colors

Text with hexadecimal color #caf518

This text has a font color of #caf518.

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

#caf518 background color

This paragraph has a background color of #caf518.

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

#caf518 border color

This element has a border color of #caf518.

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

CSS codes

.text {color:#caf518;}

.background {background-color:#caf518;}

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

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

#0b0d01
```
#0b0d01 rgb(11,13,1)
```
#1a2001
```
#1a2001 rgb(26,32,1)
```
#2a3302
```
#2a3302 rgb(42,51,2)
```
#394603
```
#394603 rgb(57,70,3)
```
#485904
```
#485904 rgb(72,89,4)
```
#576b05
```
#576b05 rgb(87,107,5)
```
#677e05
```
#677e05 rgb(103,126,5)
```
#769106
```
#769106 rgb(118,145,6)
```
#85a407
```
#85a407 rgb(133,164,7)
```
#95b708
```
#95b708 rgb(149,183,8)
```
#a4c909
```
#a4c909 rgb(164,201,9)
```
#b3dc0a
```
#b3dc0a rgb(179,220,10)
```
#c3ef0a
```
#c3ef0a rgb(195,239,10)
```

Shade Color Variation

#caf518
```
#caf518 rgb(202,245,24)
```
#cef62b
```
#cef62b rgb(206,246,43)
```
#d3f73e
```
#d3f73e rgb(211,247,62)
```
#d7f750
```
#d7f750 rgb(215,247,80)
```
#dbf863
```
#dbf863 rgb(219,248,99)
```
#e0f976
```
#e0f976 rgb(224,249,118)
```
#e4fa89
```
#e4fa89 rgb(228,250,137)
```
#e8fb9c
```
#e8fb9c rgb(232,251,156)
```
#edfcae
```
#edfcae rgb(237,252,174)
```
#f1fcc1
```
#f1fcc1 rgb(241,252,193)
```
#f5fdd4
```
#f5fdd4 rgb(245,253,212)
```
#f9fee7
```
#f9fee7 rgb(249,254,231)
```
#fefffa
```
#fefffa rgb(254,255,250)
```

Tint Color Variation

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

#8c8f7e
```
#8c8f7e rgb(140,143,126)
```
#919875
```
#919875 rgb(145,152,117)
```
#97a26b
```
#97a26b rgb(151,162,107)
```
#9dab62
```
#9dab62 rgb(157,171,98)
```
#a2b459
```
#a2b459 rgb(162,180,89)
```
#a8bd50
```
#a8bd50 rgb(168,189,80)
```
#aec746
```
#aec746 rgb(174,199,70)
```
#b3d03d
```
#b3d03d rgb(179,208,61)
```
#b9d934
```
#b9d934 rgb(185,217,52)
```
#bfe22b
```
#bfe22b rgb(191,226,43)
```
#c4ec21
```
#c4ec21 rgb(196,236,33)
```
#caf518
```
#caf518 rgb(202,245,24)
```
#d0fe0f
```
#d0fe0f rgb(208,254,15)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#ced7aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe65d Protanopia 1% of men
#ffe1ba Deuteranopia 1% of men
#e2e5f5 Tritanopia 0.001% of the population

Trichromacy

#ebeb44 Protanomaly 1% of men, 0.01% of women
#ebe87f Deuteranomaly 6% of men, 0.4% of women
#d9eaa5 Tritanomaly 0.01% of the population

#caf518 hex color

#caf518 Color Information

#caf518 Color Conversion

Color Schemes with #caf518

Alternatives to #caf518

#caf518 Preview

Shades and Tints of #caf518

Tones of #caf518

Color Blindness Simulator