#9caf1e hex color

In a RGB color space, hex #9caf1e is composed of 61.2% red, 68.6% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 0% magenta, 82.9% yellow and 31.4% black. It has a hue angle of 67.9 degrees, a saturation of 70.7% and a lightness of 40.2%. #9caf1e color hex could be obtained by blending #ffff3c with #395f00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 61
- G 69
- B 12
RGB color chart
- C 11
- M 0
- Y 83
- K 31
CMYK color chart

● #9caf1e color description : Dark yellow [Olive tone].

The hexadecimal color #9caf1e has RGB values of R:156, G:175, B:30 and CMYK values of C:0.11, M:0, Y:0.83, K:0.31. Its decimal value is 10268446.

Hex triplet	9caf1e	`#9caf1e`
RGB Decimal	156, 175, 30	`rgb(156,175,30)`
RGB Percent	61.2, 68.6, 11.8	`rgb(61.2%,68.6%,11.8%)`
CMYK	11, 0, 83, 31
HSL	67.9°, 70.7, 40.2	`hsl(67.9,70.7%,40.2%)`
HSV (or HSB)	67.9°, 82.9, 68.6
Web Safe	999933	`#999933`

CIE-LAB	67.889, -23.925, 64.568
XYZ	29.274, 37.822, 6.986
xyY	0.395, 0.511, 37.822
CIE-LCH	67.889, 68.858, 110.331
CIE-LUV	67.889, -7.259, 73.127
Hunter-Lab	61.499, -22.655, 36.314
Binary	10011100, 10101111, 00011110

#9caf1e
```
#9caf1e rgb(156,175,30)
```
#311eaf
```
#311eaf rgb(49,30,175)
```

Complementary Color

#af7a1e
```
#af7a1e rgb(175,122,30)
```
#9caf1e
```
#9caf1e rgb(156,175,30)
```
#54af1e
```
#54af1e rgb(84,175,30)
```

Analogous Color

#7a1eaf
```
#7a1eaf rgb(122,30,175)
```
#9caf1e
```
#9caf1e rgb(156,175,30)
```
#1e54af
```
#1e54af rgb(30,84,175)
```

Split Complementary Color

#af1e9c
```
#af1e9c rgb(175,30,156)
```
#9caf1e
```
#9caf1e rgb(156,175,30)
```
#1e9caf
```
#1e9caf rgb(30,156,175)
```

Triadic Color

#af311e
```
#af311e rgb(175,49,30)
```
#9caf1e
```
#9caf1e rgb(156,175,30)
```
#1e9caf
```
#1e9caf rgb(30,156,175)
```
#311eaf
```
#311eaf rgb(49,30,175)
```

Tetradic Color

#626e13
```
#626e13 rgb(98,110,19)
```
#758317
```
#758317 rgb(117,131,23)
```
#89991a
```
#89991a rgb(137,153,26)
```
#9caf1e
```
#9caf1e rgb(156,175,30)
```
#afc522
```
#afc522 rgb(175,197,34)
```
#c2da26
```
#c2da26 rgb(194,218,38)
```
#c8de3c
```
#c8de3c rgb(200,222,60)
```

Monochromatic Color

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

#af9e1e
```
#af9e1e rgb(175,158,30)
```
#afaa1e
```
#afaa1e rgb(175,170,30)
```
#a8af1e
```
#a8af1e rgb(168,175,30)
```
#9caf1e
```
#9caf1e rgb(156,175,30)
```
#90af1e
```
#90af1e rgb(144,175,30)
```
#84af1e
```
#84af1e rgb(132,175,30)
```
#78af1e
```
#78af1e rgb(120,175,30)
```

Similar Colors

Text with hexadecimal color #9caf1e

This text has a font color of #9caf1e.

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

#9caf1e background color

This paragraph has a background color of #9caf1e.

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

#9caf1e border color

This element has a border color of #9caf1e.

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

CSS codes

.text {color:#9caf1e;}

.background {background-color:#9caf1e;}

.border {border:1px solid #9caf1e;}

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

#070801
```
#070801 rgb(7,8,1)
```
#161804
```
#161804 rgb(22,24,4)
```
#252907
```
#252907 rgb(37,41,7)
```
#343a0a
```
#343a0a rgb(52,58,10)
```
#424b0d
```
#424b0d rgb(66,75,13)
```
#515b10
```
#515b10 rgb(81,91,16)
```
#606c13
```
#606c13 rgb(96,108,19)
```
#6f7d15
```
#6f7d15 rgb(111,125,21)
```
#7e8e18
```
#7e8e18 rgb(126,142,24)
```
#8d9e1b
```
#8d9e1b rgb(141,158,27)
```
#9caf1e
```
#9caf1e rgb(156,175,30)
```
#abc021
```
#abc021 rgb(171,192,33)
```
#bad024
```
#bad024 rgb(186,208,36)
```

Shade Color Variation

#c4db2d
```
#c4db2d rgb(196,219,45)
```
#c9de3e
```
#c9de3e rgb(201,222,62)
```
#cee14e
```
#cee14e rgb(206,225,78)
```
#d2e45f
```
#d2e45f rgb(210,228,95)
```
#d7e670
```
#d7e670 rgb(215,230,112)
```
#dce981
```
#dce981 rgb(220,233,129)
```
#e0ec91
```
#e0ec91 rgb(224,236,145)
```
#e5efa2
```
#e5efa2 rgb(229,239,162)
```
#eaf2b3
```
#eaf2b3 rgb(234,242,179)
```
#eef5c4
```
#eef5c4 rgb(238,245,196)
```
#f3f8d4
```
#f3f8d4 rgb(243,248,212)
```
#f8fbe5
```
#f8fbe5 rgb(248,251,229)
```
#fcfdf6
```
#fcfdf6 rgb(252,253,246)
```

Tint Color Variation

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

#686865
```
#686865 rgb(104,104,101)
```
#6d705d
```
#6d705d rgb(109,112,93)
```
#737855
```
#737855 rgb(115,120,85)
```
#79804d
```
#79804d rgb(121,128,77)
```
#7f8845
```
#7f8845 rgb(127,136,69)
```
#858f3e
```
#858f3e rgb(133,143,62)
```
#8b9736
```
#8b9736 rgb(139,151,54)
```
#909f2e
```
#909f2e rgb(144,159,46)
```
#96a726
```
#96a726 rgb(150,167,38)
```
#9caf1e
```
#9caf1e rgb(156,175,30)
```
#a2b716
```
#a2b716 rgb(162,183,22)
```
#a8bf0e
```
#a8bf0e rgb(168,191,14)
```
#adc706
```
#adc706 rgb(173,199,6)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#9a9d80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa27 Protanopia 1% of men
#d3a234 Deuteranopia 1% of men
#afa7b3 Tritanopia 0.001% of the population

Trichromacy

#b1ac23 Protanomaly 1% of men, 0.01% of women
#bfa62c Deuteranomaly 6% of men, 0.4% of women
#a8aa7d Tritanomaly 0.01% of the population

#9caf1e hex color

#9caf1e Color Information

#9caf1e Color Conversion

Color Schemes with #9caf1e

Alternatives to #9caf1e

#9caf1e Preview

Shades and Tints of #9caf1e

Tones of #9caf1e

Color Blindness Simulator