#9caf5b hex color

In a RGB color space, hex #9caf5b is composed of 61.2% red, 68.6% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 10.9% cyan, 0% magenta, 48% yellow and 31.4% black. It has a hue angle of 73.6 degrees, a saturation of 34.4% and a lightness of 52.2%. #9caf5b color hex could be obtained by blending #ffffb6 with #395f00. Closest websafe color is: #999966.

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

● #9caf5b color description : Dark moderate yellow.

The hexadecimal color #9caf5b has RGB values of R:156, G:175, B:91 and CMYK values of C:0.11, M:0, Y:0.48, K:0.31. Its decimal value is 10268507.

Hex triplet	9caf5b	`#9caf5b`
RGB Decimal	156, 175, 91	`rgb(156,175,91)`
RGB Percent	61.2, 68.6, 35.7	`rgb(61.2%,68.6%,35.7%)`
CMYK	11, 0, 48, 31
HSL	73.6°, 34.4, 52.2	`hsl(73.6,34.4%,52.2%)`
HSV (or HSB)	73.6°, 48, 68.6
Web Safe	999966	`#999966`

CIE-LAB	68.375, -19.779, 40.608
XYZ	30.928, 38.483, 15.696
xyY	0.363, 0.452, 38.483
CIE-LCH	68.375, 45.169, 115.969
CIE-LUV	68.375, -8.037, 53.535
Hunter-Lab	62.035, -19.568, 28.423
Binary	10011100, 10101111, 01011011

#9caf5b
```
#9caf5b rgb(156,175,91)
```
#6e5baf
```
#6e5baf rgb(110,91,175)
```

Complementary Color

#af985b
```
#af985b rgb(175,152,91)
```
#9caf5b
```
#9caf5b rgb(156,175,91)
```
#72af5b
```
#72af5b rgb(114,175,91)
```

Analogous Color

#985baf
```
#985baf rgb(152,91,175)
```
#9caf5b
```
#9caf5b rgb(156,175,91)
```
#5b72af
```
#5b72af rgb(91,114,175)
```

Split Complementary Color

#af5b9c
```
#af5b9c rgb(175,91,156)
```
#9caf5b
```
#9caf5b rgb(156,175,91)
```
#5b9caf
```
#5b9caf rgb(91,156,175)
```

Triadic Color

#af6e5b
```
#af6e5b rgb(175,110,91)
```
#9caf5b
```
#9caf5b rgb(156,175,91)
```
#5b9caf
```
#5b9caf rgb(91,156,175)
```
#6e5baf
```
#6e5baf rgb(110,91,175)
```

Tetradic Color

#717f3e
```
#717f3e rgb(113,127,62)
```
#809146
```
#809146 rgb(128,145,70)
```
#8fa24f
```
#8fa24f rgb(143,162,79)
```
#9caf5b
```
#9caf5b rgb(156,175,91)
```
#a6b76c
```
#a6b76c rgb(166,183,108)
```
#b1c07d
```
#b1c07d rgb(177,192,125)
```
#bbc88e
```
#bbc88e rgb(187,200,142)
```

Monochromatic Color

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

#afad5b
```
#afad5b rgb(175,173,91)
```
#aaaf5b
```
#aaaf5b rgb(170,175,91)
```
#a3af5b
```
#a3af5b rgb(163,175,91)
```
#9caf5b
```
#9caf5b rgb(156,175,91)
```
#95af5b
```
#95af5b rgb(149,175,91)
```
#8eaf5b
```
#8eaf5b rgb(142,175,91)
```
#87af5b
```
#87af5b rgb(135,175,91)
```

Similar Colors

Text with hexadecimal color #9caf5b

This text has a font color of #9caf5b.

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

#9caf5b background color

This paragraph has a background color of #9caf5b.

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

#9caf5b border color

This element has a border color of #9caf5b.

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

CSS codes

.text {color:#9caf5b;}

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

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

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

#070704
```
#070704 rgb(7,7,4)
```
#12150a
```
#12150a rgb(18,21,10)
```
#1e2210
```
#1e2210 rgb(30,34,16)
```
#2a2f17
```
#2a2f17 rgb(42,47,23)
```
#353c1d
```
#353c1d rgb(53,60,29)
```
#414924
```
#414924 rgb(65,73,36)
```
#4c562a
```
#4c562a rgb(76,86,42)
```
#586431
```
#586431 rgb(88,100,49)
```
#647137
```
#647137 rgb(100,113,55)
```
#6f7e3d
```
#6f7e3d rgb(111,126,61)
```
#7b8b44
```
#7b8b44 rgb(123,139,68)
```
#87984a
```
#87984a rgb(135,152,74)
```
#92a651
```
#92a651 rgb(146,166,81)
```

Shade Color Variation

#9caf5b
```
#9caf5b rgb(156,175,91)
```
#a4b568
```
#a4b568 rgb(164,181,104)
```
#acbc75
```
#acbc75 rgb(172,188,117)
```
#b4c283
```
#b4c283 rgb(180,194,131)
```
#bcc990
```
#bcc990 rgb(188,201,144)
```
#c4cf9d
```
#c4cf9d rgb(196,207,157)
```
#ccd6aa
```
#ccd6aa rgb(204,214,170)
```
#d4dcb7
```
#d4dcb7 rgb(212,220,183)
```
#dce2c4
```
#dce2c4 rgb(220,226,196)
```
#e4e9d2
```
#e4e9d2 rgb(228,233,210)
```
#ecefdf
```
#ecefdf rgb(236,239,223)
```
#f4f6ec
```
#f4f6ec rgb(244,246,236)
```
#fcfcf9
```
#fcfcf9 rgb(252,252,249)
```

Tint Color Variation

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

#878981
```
#878981 rgb(135,137,129)
```
#8d9377
```
#8d9377 rgb(141,147,119)
```
#929c6e
```
#929c6e rgb(146,156,110)
```
#97a664
```
#97a664 rgb(151,166,100)
```
#9caf5b
```
#9caf5b rgb(156,175,91)
```
#a1b852
```
#a1b852 rgb(161,184,82)
```
#a6c248
```
#a6c248 rgb(166,194,72)
```
#abcb3f
```
#abcb3f rgb(171,203,63)
```
#b1d535
```
#b1d535 rgb(177,213,53)
```
#b6de2c
```
#b6de2c rgb(182,222,44)
```
#bbe723
```
#bbe723 rgb(187,231,35)
```
#c0f119
```
#c0f119 rgb(192,241,25)
```
#c5fa10
```
#c5fa10 rgb(197,250,16)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#9fa392 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbab60 Protanopia 1% of men
#cea468 Deuteranopia 1% of men
#aca9b5 Tritanopia 0.001% of the population

Trichromacy

#b0ac5e Protanomaly 1% of men, 0.01% of women
#bca863 Deuteranomaly 6% of men, 0.4% of women
#a6ab94 Tritanomaly 0.01% of the population

#9caf5b hex color

#9caf5b Color Information

#9caf5b Color Conversion

Color Schemes with #9caf5b

Alternatives to #9caf5b

#9caf5b Preview

Shades and Tints of #9caf5b

Tones of #9caf5b

Color Blindness Simulator