#9fa31e hex color

In a RGB color space, hex #9fa31e is composed of 62.4% red, 63.9% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 2.5% cyan, 0% magenta, 81.6% yellow and 36.1% black. It has a hue angle of 61.8 degrees, a saturation of 68.9% and a lightness of 37.8%. #9fa31e color hex could be obtained by blending #ffff3c with #3f4700. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 62
- G 64
- B 12
RGB color chart
- C 2
- M 0
- Y 82
- K 36
CMYK color chart

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

The hexadecimal color #9fa31e has RGB values of R:159, G:163, B:30 and CMYK values of C:0.02, M:0, Y:0.82, K:0.36. Its decimal value is 10461982.

Hex triplet	9fa31e	`#9fa31e`
RGB Decimal	159, 163, 30	`rgb(159,163,30)`
RGB Percent	62.4, 63.9, 11.8	`rgb(62.4%,63.9%,11.8%)`
CMYK	2, 0, 82, 36
HSL	61.8°, 68.9, 37.8	`hsl(61.8,68.9%,37.8%)`
HSV (or HSB)	61.8°, 81.6, 63.9
Web Safe	999933	`#999933`

CIE-LAB	64.691, -16.588, 61.892
XYZ	27.63, 33.659, 6.27
xyY	0.409, 0.498, 33.659
CIE-LCH	64.691, 64.076, 105.004
CIE-LUV	64.691, 2.202, 68.226
Hunter-Lab	58.017, -16.521, 34.204
Binary	10011111, 10100011, 00011110

#9fa31e
```
#9fa31e rgb(159,163,30)
```
#221ea3
```
#221ea3 rgb(34,30,163)
```

Complementary Color

#a3651e
```
#a3651e rgb(163,101,30)
```
#9fa31e
```
#9fa31e rgb(159,163,30)
```
#5ca31e
```
#5ca31e rgb(92,163,30)
```

Analogous Color

#651ea3
```
#651ea3 rgb(101,30,163)
```
#9fa31e
```
#9fa31e rgb(159,163,30)
```
#1e5da3
```
#1e5da3 rgb(30,93,163)
```

Split Complementary Color

#a31e9f
```
#a31e9f rgb(163,30,159)
```
#9fa31e
```
#9fa31e rgb(159,163,30)
```
#1e9fa3
```
#1e9fa3 rgb(30,159,163)
```

Triadic Color

#a3221e
```
#a3221e rgb(163,34,30)
```
#9fa31e
```
#9fa31e rgb(159,163,30)
```
#1e9fa3
```
#1e9fa3 rgb(30,159,163)
```
#221ea3
```
#221ea3 rgb(34,30,163)
```

Tetradic Color

#606212
```
#606212 rgb(96,98,18)
```
#757816
```
#757816 rgb(117,120,22)
```
#8a8d1a
```
#8a8d1a rgb(138,141,26)
```
#9fa31e
```
#9fa31e rgb(159,163,30)
```
#b4b922
```
#b4b922 rgb(180,185,34)
```
#c9ce26
```
#c9ce26 rgb(201,206,38)
```
#d5da34
```
#d5da34 rgb(213,218,52)
```

Monochromatic Color

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

#a3861e
```
#a3861e rgb(163,134,30)
```
#a3911e
```
#a3911e rgb(163,145,30)
```
#a39c1e
```
#a39c1e rgb(163,156,30)
```
#9fa31e
```
#9fa31e rgb(159,163,30)
```
#94a31e
```
#94a31e rgb(148,163,30)
```
#89a31e
```
#89a31e rgb(137,163,30)
```
#7ea31e
```
#7ea31e rgb(126,163,30)
```

Similar Colors

Text with hexadecimal color #9fa31e

This text has a font color of #9fa31e.

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

#9fa31e background color

This paragraph has a background color of #9fa31e.

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

#9fa31e border color

This element has a border color of #9fa31e.

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

CSS codes

.text {color:#9fa31e;}

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

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

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

#0e0e03
```
#0e0e03 rgb(14,14,3)
```
#1e1e06
```
#1e1e06 rgb(30,30,6)
```
#2e2f09
```
#2e2f09 rgb(46,47,9)
```
#3e400c
```
#3e400c rgb(62,64,12)
```
#4e500f
```
#4e500f rgb(78,80,15)
```
#5e6112
```
#5e6112 rgb(94,97,18)
```
#6f7115
```
#6f7115 rgb(111,113,21)
```
#7f8218
```
#7f8218 rgb(127,130,24)
```
#8f921b
```
#8f921b rgb(143,146,27)
```
#9fa31e
```
#9fa31e rgb(159,163,30)
```
#afb421
```
#afb421 rgb(175,180,33)
```
#bfc424
```
#bfc424 rgb(191,196,36)
```
#cfd527
```
#cfd527 rgb(207,213,39)
```

Shade Color Variation

#d5da36
```
#d5da36 rgb(213,218,54)
```
#d8dd46
```
#d8dd46 rgb(216,221,70)
```
#dce057
```
#dce057 rgb(220,224,87)
```
#dfe367
```
#dfe367 rgb(223,227,103)
```
#e3e678
```
#e3e678 rgb(227,230,120)
```
#e6e988
```
#e6e988 rgb(230,233,136)
```
#eaec99
```
#eaec99 rgb(234,236,153)
```
#edefaa
```
#edefaa rgb(237,239,170)
```
#f1f2ba
```
#f1f2ba rgb(241,242,186)
```
#f4f5cb
```
#f4f5cb rgb(244,245,203)
```
#f8f8db
```
#f8f8db rgb(248,248,219)
```
#fbfbec
```
#fbfbec rgb(251,251,236)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

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

#676859
```
#676859 rgb(103,104,89)
```
#6e6f52
```
#6e6f52 rgb(110,111,82)
```
#75764b
```
#75764b rgb(117,118,75)
```
#7c7e43
```
#7c7e43 rgb(124,126,67)
```
#83853c
```
#83853c rgb(131,133,60)
```
#8a8d34
```
#8a8d34 rgb(138,141,52)
```
#91942d
```
#91942d rgb(145,148,45)
```
#989c25
```
#989c25 rgb(152,156,37)
```
#9fa31e
```
#9fa31e rgb(159,163,30)
```
#a6aa17
```
#a6aa17 rgb(166,170,23)
```
#adb20f
```
#adb20f rgb(173,178,15)
```
#b4b908
```
#b4b908 rgb(180,185,8)
```
#bbc100
```
#bbc100 rgb(187,193,0)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#95967c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a228 Protanopia 1% of men
#c99a31 Deuteranopia 1% of men
#af9ca8 Tritanopia 0.001% of the population

Trichromacy

#ada224 Protanomaly 1% of men, 0.01% of women
#ba9d2a Deuteranomaly 6% of men, 0.4% of women
#a99f75 Tritanomaly 0.01% of the population

#9fa31e hex color

#9fa31e Color Information

#9fa31e Color Conversion

Color Schemes with #9fa31e

Alternatives to #9fa31e

#9fa31e Preview

Shades and Tints of #9fa31e

Tones of #9fa31e

Color Blindness Simulator