#9ba31f hex color

In a RGB color space, hex #9ba31f is composed of 60.8% red, 63.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 0% magenta, 81% yellow and 36.1% black. It has a hue angle of 63.6 degrees, a saturation of 68% and a lightness of 38%. #9ba31f color hex could be obtained by blending #ffff3e with #374700. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 61
- G 64
- B 12
RGB color chart
- C 5
- M 0
- Y 81
- K 36
CMYK color chart

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

The hexadecimal color #9ba31f has RGB values of R:155, G:163, B:31 and CMYK values of C:0.05, M:0, Y:0.81, K:0.36. Its decimal value is 10199839.

Hex triplet	9ba31f	`#9ba31f`
RGB Decimal	155, 163, 31	`rgb(155,163,31)`
RGB Percent	60.8, 63.9, 12.2	`rgb(60.8%,63.9%,12.2%)`
CMYK	5, 0, 81, 36
HSL	63.6°, 68, 38	`hsl(63.6,68%,38%)`
HSV (or HSB)	63.6°, 81, 63.9
Web Safe	999933	`#999933`

CIE-LAB	64.373, -18.311, 61.212
XYZ	26.862, 33.262, 6.301
xyY	0.404, 0.501, 33.262
CIE-LCH	64.373, 63.892, 106.654
CIE-LUV	64.373, -0.484, 67.994
Hunter-Lab	57.673, -17.79, 33.893
Binary	10011011, 10100011, 00011111

#9ba31f
```
#9ba31f rgb(155,163,31)
```
#271fa3
```
#271fa3 rgb(39,31,163)
```

Complementary Color

#a3691f
```
#a3691f rgb(163,105,31)
```
#9ba31f
```
#9ba31f rgb(155,163,31)
```
#59a31f
```
#59a31f rgb(89,163,31)
```

Analogous Color

#691fa3
```
#691fa3 rgb(105,31,163)
```
#9ba31f
```
#9ba31f rgb(155,163,31)
```
#1f59a3
```
#1f59a3 rgb(31,89,163)
```

Split Complementary Color

#a31f9b
```
#a31f9b rgb(163,31,155)
```
#9ba31f
```
#9ba31f rgb(155,163,31)
```
#1f9ba3
```
#1f9ba3 rgb(31,155,163)
```

Triadic Color

#a3271f
```
#a3271f rgb(163,39,31)
```
#9ba31f
```
#9ba31f rgb(155,163,31)
```
#1f9ba3
```
#1f9ba3 rgb(31,155,163)
```
#271fa3
```
#271fa3 rgb(39,31,163)
```

Tetradic Color

#5e6313
```
#5e6313 rgb(94,99,19)
```
#727817
```
#727817 rgb(114,120,23)
```
#878e1b
```
#878e1b rgb(135,142,27)
```
#9ba31f
```
#9ba31f rgb(155,163,31)
```
#afb823
```
#afb823 rgb(175,184,35)
```
#c4ce27
```
#c4ce27 rgb(196,206,39)
```
#cfd936
```
#cfd936 rgb(207,217,54)
```

Monochromatic Color

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

#a38a1f
```
#a38a1f rgb(163,138,31)
```
#a3951f
```
#a3951f rgb(163,149,31)
```
#a3a01f
```
#a3a01f rgb(163,160,31)
```
#9ba31f
```
#9ba31f rgb(155,163,31)
```
#90a31f
```
#90a31f rgb(144,163,31)
```
#85a31f
```
#85a31f rgb(133,163,31)
```
#7aa31f
```
#7aa31f rgb(122,163,31)
```

Similar Colors

Text with hexadecimal color #9ba31f

This text has a font color of #9ba31f.

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

#9ba31f background color

This paragraph has a background color of #9ba31f.

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

#9ba31f border color

This element has a border color of #9ba31f.

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

CSS codes

.text {color:#9ba31f;}

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

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

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

#0e0f03
```
#0e0f03 rgb(14,15,3)
```
#1e1f06
```
#1e1f06 rgb(30,31,6)
```
#2d3009
```
#2d3009 rgb(45,48,9)
```
#3d400c
```
#3d400c rgb(61,64,12)
```
#4d510f
```
#4d510f rgb(77,81,15)
```
#5c6112
```
#5c6112 rgb(92,97,18)
```
#6c7216
```
#6c7216 rgb(108,114,22)
```
#7c8219
```
#7c8219 rgb(124,130,25)
```
#8b931c
```
#8b931c rgb(139,147,28)
```
#9ba31f
```
#9ba31f rgb(155,163,31)
```
#abb322
```
#abb322 rgb(171,179,34)
```
#bac425
```
#bac425 rgb(186,196,37)
```
#cad428
```
#cad428 rgb(202,212,40)
```

Shade Color Variation

#cfd937
```
#cfd937 rgb(207,217,55)
```
#d3dc48
```
#d3dc48 rgb(211,220,72)
```
#d7df58
```
#d7df58 rgb(215,223,88)
```
#dbe269
```
#dbe269 rgb(219,226,105)
```
#dfe679
```
#dfe679 rgb(223,230,121)
```
#e3e98a
```
#e3e98a rgb(227,233,138)
```
#e7ec9a
```
#e7ec9a rgb(231,236,154)
```
#ebefab
```
#ebefab rgb(235,239,171)
```
#eff2bb
```
#eff2bb rgb(239,242,187)
```
#f3f5cc
```
#f3f5cc rgb(243,245,204)
```
#f7f8dc
```
#f7f8dc rgb(247,248,220)
```
#fbfced
```
#fbfced rgb(251,252,237)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#67675b
```
#67675b rgb(103,103,91)
```
#6d6f53
```
#6d6f53 rgb(109,111,83)
```
#74764c
```
#74764c rgb(116,118,76)
```
#7a7e44
```
#7a7e44 rgb(122,126,68)
```
#81853d
```
#81853d rgb(129,133,61)
```
#878d35
```
#878d35 rgb(135,141,53)
```
#8e942e
```
#8e942e rgb(142,148,46)
```
#949c26
```
#949c26 rgb(148,156,38)
```
#9ba31f
```
#9ba31f rgb(155,163,31)
```
#a2aa18
```
#a2aa18 rgb(162,170,24)
```
#a8b210
```
#a8b210 rgb(168,178,16)
```
#afb909
```
#afb909 rgb(175,185,9)
```
#b5c101
```
#b5c101 rgb(181,193,1)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#94957b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a129 Protanopia 1% of men
#c89933 Deuteranopia 1% of men
#ac9ca8 Tritanopia 0.001% of the population

Trichromacy

#aba225 Protanomaly 1% of men, 0.01% of women
#b79d2b Deuteranomaly 6% of men, 0.4% of women
#a59f76 Tritanomaly 0.01% of the population

#9ba31f hex color

#9ba31f Color Information

#9ba31f Color Conversion

Color Schemes with #9ba31f

Alternatives to #9ba31f

#9ba31f Preview

Shades and Tints of #9ba31f

Tones of #9ba31f

Color Blindness Simulator