#caff1d hex color

In a RGB color space, hex #caff1d is composed of 79.2% red, 100% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 88.6% yellow and 0% black. It has a hue angle of 74.1 degrees, a saturation of 100% and a lightness of 55.7%. #caff1d color hex could be obtained by blending #ffff3a with #95ff00. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 79
- G 100
- B 11
RGB color chart
- C 21
- M 0
- Y 89
- K 0
CMYK color chart

● #caff1d color description : Vivid yellow.

The hexadecimal color #caff1d has RGB values of R:202, G:255, B:29 and CMYK values of C:0.21, M:0, Y:0.89, K:0. Its decimal value is 13303581.

Hex triplet	caff1d	`#caff1d`
RGB Decimal	202, 255, 29	`rgb(202,255,29)`
RGB Percent	79.2, 100, 11.4	`rgb(79.2%,100%,11.4%)`
CMYK	21, 0, 89, 0
HSL	74.1°, 100, 55.7	`hsl(74.1,100%,55.7%)`
HSV (or HSB)	74.1°, 88.6, 100
Web Safe	ccff33	`#ccff33`

CIE-LAB	93.522, -42.355, 87.338
XYZ	60.338, 84.164, 14.229
xyY	0.38, 0.53, 84.164
CIE-LCH	93.522, 97.066, 115.871
CIE-LUV	93.522, -25.639, 105.037
Hunter-Lab	91.741, -43.147, 55.023
Binary	11001010, 11111111, 00011101

#caff1d
```
#caff1d rgb(202,255,29)
```
#521dff
```
#521dff rgb(82,29,255)
```

Complementary Color

#ffc31d
```
#ffc31d rgb(255,195,29)
```
#caff1d
```
#caff1d rgb(202,255,29)
```
#59ff1d
```
#59ff1d rgb(89,255,29)
```

Analogous Color

#c31dff
```
#c31dff rgb(195,29,255)
```
#caff1d
```
#caff1d rgb(202,255,29)
```
#1d59ff
```
#1d59ff rgb(29,89,255)
```

Split Complementary Color

#ff1dca
```
#ff1dca rgb(255,29,202)
```
#caff1d
```
#caff1d rgb(202,255,29)
```
#1dcaff
```
#1dcaff rgb(29,202,255)
```

Triadic Color

#ff521d
```
#ff521d rgb(255,82,29)
```
#caff1d
```
#caff1d rgb(202,255,29)
```
#1dcaff
```
#1dcaff rgb(29,202,255)
```
#521dff
```
#521dff rgb(82,29,255)
```

Tetradic Color

#9fd000
```
#9fd000 rgb(159,208,0)
```
#b2e900
```
#b2e900 rgb(178,233,0)
```
#c4ff03
```
#c4ff03 rgb(196,255,3)
```
#caff1d
```
#caff1d rgb(202,255,29)
```
#d0ff37
```
#d0ff37 rgb(208,255,55)
```
#d6ff50
```
#d6ff50 rgb(214,255,80)
```
#dcff6a
```
#dcff6a rgb(220,255,106)
```

Monochromatic Color

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

#fffc1d
```
#fffc1d rgb(255,252,29)
```
#f0ff1d
```
#f0ff1d rgb(240,255,29)
```
#ddff1d
```
#ddff1d rgb(221,255,29)
```
#caff1d
```
#caff1d rgb(202,255,29)
```
#b7ff1d
```
#b7ff1d rgb(183,255,29)
```
#a4ff1d
```
#a4ff1d rgb(164,255,29)
```
#92ff1d
```
#92ff1d rgb(146,255,29)
```

Similar Colors

Text with hexadecimal color #caff1d

This text has a font color of #caff1d.

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

#caff1d background color

This paragraph has a background color of #caff1d.

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

#caff1d border color

This element has a border color of #caff1d.

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

CSS codes

.text {color:#caff1d;}

.background {background-color:#caff1d;}

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

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

#070900
```
#070900 rgb(7,9,0)
```
#161d00
```
#161d00 rgb(22,29,0)
```
#253100
```
#253100 rgb(37,49,0)
```
#344400
```
#344400 rgb(52,68,0)
```
#435800
```
#435800 rgb(67,88,0)
```
#526b00
```
#526b00 rgb(82,107,0)
```
#617f00
```
#617f00 rgb(97,127,0)
```
#709300
```
#709300 rgb(112,147,0)
```
#7fa600
```
#7fa600 rgb(127,166,0)
```
#8eba00
```
#8eba00 rgb(142,186,0)
```
#9dce00
```
#9dce00 rgb(157,206,0)
```
#ace100
```
#ace100 rgb(172,225,0)
```
#bbf500
```
#bbf500 rgb(187,245,0)
```

Shade Color Variation

#c5ff09
```
#c5ff09 rgb(197,255,9)
```
#caff1d
```
#caff1d rgb(202,255,29)
```
#cfff31
```
#cfff31 rgb(207,255,49)
```
#d3ff44
```
#d3ff44 rgb(211,255,68)
```
#d8ff58
```
#d8ff58 rgb(216,255,88)
```
#dcff6b
```
#dcff6b rgb(220,255,107)
```
#e1ff7f
```
#e1ff7f rgb(225,255,127)
```
#e6ff93
```
#e6ff93 rgb(230,255,147)
```
#eaffa6
```
#eaffa6 rgb(234,255,166)
```
#efffba
```
#efffba rgb(239,255,186)
```
#f3ffce
```
#f3ffce rgb(243,255,206)
```
#f8ffe1
```
#f8ffe1 rgb(248,255,225)
```
#fdfff5
```
#fdfff5 rgb(253,255,245)
```

Tint Color Variation

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

#939785
```
#939785 rgb(147,151,133)
```
#979f7d
```
#979f7d rgb(151,159,125)
```
#9ca874
```
#9ca874 rgb(156,168,116)
```
#a0b16b
```
#a0b16b rgb(160,177,107)
```
#a5b963
```
#a5b963 rgb(165,185,99)
```
#aac25a
```
#aac25a rgb(170,194,90)
```
#aecb51
```
#aecb51 rgb(174,203,81)
```
#b3d448
```
#b3d448 rgb(179,212,72)
```
#b8dc40
```
#b8dc40 rgb(184,220,64)
```
#bce537
```
#bce537 rgb(188,229,55)
```
#c1ee2e
```
#c1ee2e rgb(193,238,46)
```
#c5f626
```
#c5f626 rgb(197,246,38)
```
#caff1d
```
#caff1d rgb(202,255,29)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d3ddb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeda4 Protanopia 1% of men
#ffead1 Deuteranopia 1% of men
#e4eeff Tritanopia 0.001% of the population

Trichromacy

#ebf373 Protanomaly 1% of men, 0.01% of women
#ebf18f Deuteranomaly 6% of men, 0.4% of women
#daf4ac Tritanomaly 0.01% of the population

#caff1d hex color

#caff1d Color Information

#caff1d Color Conversion

Color Schemes with #caff1d

Alternatives to #caff1d

#caff1d Preview

Shades and Tints of #caff1d

Tones of #caff1d

Color Blindness Simulator