#caff4f hex color

In a RGB color space, hex #caff4f is composed of 79.2% red, 100% green and 31% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 0% magenta, 69% yellow and 0% black. It has a hue angle of 78.1 degrees, a saturation of 100% and a lightness of 65.5%. #caff4f color hex could be obtained by blending #ffff9e with #95ff00. Closest websafe color is: #ccff66.

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

● #caff4f color description : Light green.

The hexadecimal color #caff4f has RGB values of R:202, G:255, B:79 and CMYK values of C:0.21, M:0, Y:0.69, K:0. Its decimal value is 13303631.

Hex triplet	caff4f	`#caff4f`
RGB Decimal	202, 255, 79	`rgb(202,255,79)`
RGB Percent	79.2, 100, 31	`rgb(79.2%,100%,31%)`
CMYK	21, 0, 69, 0
HSL	78.1°, 100, 65.5	`hsl(78.1,100%,65.5%)`
HSV (or HSB)	78.1°, 69, 100
Web Safe	ccff66	`#ccff66`

CIE-LAB	93.728, -40.437, 74.571
XYZ	61.527, 84.64, 20.492
xyY	0.369, 0.508, 84.64
CIE-LCH	93.728, 84.829, 118.469
CIE-LUV	93.728, -25.726, 95.853
Hunter-Lab	92, -41.623, 51.194
Binary	11001010, 11111111, 01001111

#caff4f
```
#caff4f rgb(202,255,79)
```
#844fff
```
#844fff rgb(132,79,255)
```

Complementary Color

#ffdc4f
```
#ffdc4f rgb(255,220,79)
```
#caff4f
```
#caff4f rgb(202,255,79)
```
#72ff4f
```
#72ff4f rgb(114,255,79)
```

Analogous Color

#dc4fff
```
#dc4fff rgb(220,79,255)
```
#caff4f
```
#caff4f rgb(202,255,79)
```
#4f72ff
```
#4f72ff rgb(79,114,255)
```

Split Complementary Color

#ff4fca
```
#ff4fca rgb(255,79,202)
```
#caff4f
```
#caff4f rgb(202,255,79)
```
#4fcaff
```
#4fcaff rgb(79,202,255)
```

Triadic Color

#ff844f
```
#ff844f rgb(255,132,79)
```
#caff4f
```
#caff4f rgb(202,255,79)
```
#4fcaff
```
#4fcaff rgb(79,202,255)
```
#844fff
```
#844fff rgb(132,79,255)
```

Tetradic Color

#b3ff02
```
#b3ff02 rgb(179,255,2)
```
#bbff1c
```
#bbff1c rgb(187,255,28)
```
#c2ff36
```
#c2ff36 rgb(194,255,54)
```
#caff4f
```
#caff4f rgb(202,255,79)
```
#d2ff69
```
#d2ff69 rgb(210,255,105)
```
#d9ff82
```
#d9ff82 rgb(217,255,130)
```
#e1ff9c
```
#e1ff9c rgb(225,255,156)
```

Monochromatic Color

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

#f6ff4f
```
#f6ff4f rgb(246,255,79)
```
#e7ff4f
```
#e7ff4f rgb(231,255,79)
```
#d9ff4f
```
#d9ff4f rgb(217,255,79)
```
#caff4f
```
#caff4f rgb(202,255,79)
```
#bbff4f
```
#bbff4f rgb(187,255,79)
```
#adff4f
```
#adff4f rgb(173,255,79)
```
#9eff4f
```
#9eff4f rgb(158,255,79)
```

Similar Colors

Text with hexadecimal color #caff4f

This text has a font color of #caff4f.

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

#caff4f background color

This paragraph has a background color of #caff4f.

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

#caff4f border color

This element has a border color of #caff4f.

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

CSS codes

.text {color:#caff4f;}

.background {background-color:#caff4f;}

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

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

#000100
```
#000100 rgb(0,1,0)
```
#0e1400
```
#0e1400 rgb(14,20,0)
```
#1c2800
```
#1c2800 rgb(28,40,0)
```
#2a3b00
```
#2a3b00 rgb(42,59,0)
```
#374f00
```
#374f00 rgb(55,79,0)
```
#456300
```
#456300 rgb(69,99,0)
```
#537600
```
#537600 rgb(83,118,0)
```
#608a00
```
#608a00 rgb(96,138,0)
```
#6e9d00
```
#6e9d00 rgb(110,157,0)
```
#7cb100
```
#7cb100 rgb(124,177,0)
```
#89c500
```
#89c500 rgb(137,197,0)
```
#97d800
```
#97d800 rgb(151,216,0)
```
#a5ec00
```
#a5ec00 rgb(165,236,0)
```

Shade Color Variation

#b2ff01
```
#b2ff01 rgb(178,255,1)
```
#b8ff14
```
#b8ff14 rgb(184,255,20)
```
#beff28
```
#beff28 rgb(190,255,40)
```
#c4ff3b
```
#c4ff3b rgb(196,255,59)
```
#caff4f
```
#caff4f rgb(202,255,79)
```
#d0ff63
```
#d0ff63 rgb(208,255,99)
```
#d6ff76
```
#d6ff76 rgb(214,255,118)
```
#dcff8a
```
#dcff8a rgb(220,255,138)
```
#e2ff9d
```
#e2ff9d rgb(226,255,157)
```
#e8ffb1
```
#e8ffb1 rgb(232,255,177)
```
#edffc5
```
#edffc5 rgb(237,255,197)
```
#f3ffd8
```
#f3ffd8 rgb(243,255,216)
```
#f9ffec
```
#f9ffec rgb(249,255,236)
```

Tint Color Variation

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

#aaaea0
```
#aaaea0 rgb(170,174,160)
```
#acb599
```
#acb599 rgb(172,181,153)
```
#afbb93
```
#afbb93 rgb(175,187,147)
```
#b2c28c
```
#b2c28c rgb(178,194,140)
```
#b4c985
```
#b4c985 rgb(180,201,133)
```
#b7d07e
```
#b7d07e rgb(183,208,126)
```
#bad678
```
#bad678 rgb(186,214,120)
```
#bddd71
```
#bddd71 rgb(189,221,113)
```
#bfe46a
```
#bfe46a rgb(191,228,106)
```
#c2eb63
```
#c2eb63 rgb(194,235,99)
```
#c5f15d
```
#c5f15d rgb(197,241,93)
```
#c7f856
```
#c7f856 rgb(199,248,86)
```
#caff4f
```
#caff4f rgb(202,255,79)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#d8e2bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeea8 Protanopia 1% of men
#ffead3 Deuteranopia 1% of men
#e3efff Tritanopia 0.001% of the population

Trichromacy

#ebf488 Protanomaly 1% of men, 0.01% of women
#ebf2a3 Deuteranomaly 6% of men, 0.4% of women
#daf4bf Tritanomaly 0.01% of the population

#caff4f hex color

#caff4f Color Information

#caff4f Color Conversion

Color Schemes with #caff4f

Alternatives to #caff4f

#caff4f Preview

Shades and Tints of #caff4f

Tones of #caff4f

Color Blindness Simulator