colorhexa.com

#9ba314 hex color

In a RGB color space, hex #9ba314 is composed of 60.8% red, 63.9% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 0% magenta, 87.7% yellow and 36.1% black. It has a hue angle of 63.4 degrees, a saturation of 78.1% and a lightness of 35.9%. #9ba314 color hex could be obtained by blending #ffff28 with #374700. Closest websafe color is: #999900.

- R 61
- G 64
- B 8
RGB color chart
- C 5
- M 0
- Y 88
- K 36
CMYK color chart

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

The hexadecimal color #9ba314 has RGB values of R:155, G:163, B:20 and CMYK values of C:0.05, M:0, Y:0.88, K:0.36. Its decimal value is 10199828.

Hex triplet	9ba314	`#9ba314`
RGB Decimal	155, 163, 20	`rgb(155,163,20)`
RGB Percent	60.8, 63.9, 7.8	`rgb(60.8%,63.9%,7.8%)`
CMYK	5, 0, 88, 36
HSL	63.4°, 78.1, 35.9	`hsl(63.4,78.1%,35.9%)`
HSV (or HSB)	63.4°, 87.7, 63.9
Web Safe	999900	`#999900`

CIE-LAB	64.334, -18.636, 63.847
XYZ	26.741, 33.214, 5.664
xyY	0.408, 0.506, 33.214
CIE-LCH	64.334, 66.511, 106.272
CIE-LUV	64.334, -0.391, 69.621
Hunter-Lab	57.631, -18.031, 34.515
Binary	10011011, 10100011, 00010100

#9ba314
```
#9ba314 rgb(155,163,20)
```
#1c14a3
```
#1c14a3 rgb(28,20,163)
```

Complementary Color

#a36414
```
#a36414 rgb(163,100,20)
```
#9ba314
```
#9ba314 rgb(155,163,20)
```
#53a314
```
#53a314 rgb(83,163,20)
```

Analogous Color

#6414a3
```
#6414a3 rgb(100,20,163)
```
#9ba314
```
#9ba314 rgb(155,163,20)
```
#1453a3
```
#1453a3 rgb(20,83,163)
```

Split Complementary Color

#a3149b
```
#a3149b rgb(163,20,155)
```
#9ba314
```
#9ba314 rgb(155,163,20)
```
#149ba3
```
#149ba3 rgb(20,155,163)
```

Triadic Color

#a31c14
```
#a31c14 rgb(163,28,20)
```
#9ba314
```
#9ba314 rgb(155,163,20)
```
#149ba3
```
#149ba3 rgb(20,155,163)
```
#1c14a3
```
#1c14a3 rgb(28,20,163)
```

Tetradic Color

#5a5f0c
```
#5a5f0c rgb(90,95,12)
```
#70760e
```
#70760e rgb(112,118,14)
```
#858c11
```
#858c11 rgb(133,140,17)
```
#9ba314
```
#9ba314 rgb(155,163,20)
```
#b1ba17
```
#b1ba17 rgb(177,186,23)
```
#c6d01a
```
#c6d01a rgb(198,208,26)
```
#d9e420
```
#d9e420 rgb(217,228,32)
```

Monochromatic Color

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

#a38714
```
#a38714 rgb(163,135,20)
```
#a39314
```
#a39314 rgb(163,147,20)
```
#a39f14
```
#a39f14 rgb(163,159,20)
```
#9ba314
```
#9ba314 rgb(155,163,20)
```
#8fa314
```
#8fa314 rgb(143,163,20)
```
#83a314
```
#83a314 rgb(131,163,20)
```
#77a314
```
#77a314 rgb(119,163,20)
```

Similar Colors

Text with hexadecimal color #9ba314

This text has a font color of #9ba314.

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

#9ba314 background color

This paragraph has a background color of #9ba314.

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

#9ba314 border color

This element has a border color of #9ba314.

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

CSS codes

.text {color:#9ba314;}

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

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

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

#050601
```
#050601 rgb(5,6,1)
```
#161703
```
#161703 rgb(22,23,3)
```
#272905
```
#272905 rgb(39,41,5)
```
#373a07
```
#373a07 rgb(55,58,7)
```
#484c09
```
#484c09 rgb(72,76,9)
```
#595d0b
```
#595d0b rgb(89,93,11)
```
#696f0e
```
#696f0e rgb(105,111,14)
```
#7a8010
```
#7a8010 rgb(122,128,16)
```
#8a9212
```
#8a9212 rgb(138,146,18)
```
#9ba314
```
#9ba314 rgb(155,163,20)
```
#acb416
```
#acb416 rgb(172,180,22)
```
#bcc618
```
#bcc618 rgb(188,198,24)
```
#cdd71a
```
#cdd71a rgb(205,215,26)
```

Shade Color Variation

#d9e422
```
#d9e422 rgb(217,228,34)
```
#dce633
```
#dce633 rgb(220,230,51)
```
#dfe845
```
#dfe845 rgb(223,232,69)
```
#e2ea56
```
#e2ea56 rgb(226,234,86)
```
#e5ec68
```
#e5ec68 rgb(229,236,104)
```
#e8ef79
```
#e8ef79 rgb(232,239,121)
```
#ebf18a
```
#ebf18a rgb(235,241,138)
```
#eef39c
```
#eef39c rgb(238,243,156)
```
#f1f5ad
```
#f1f5ad rgb(241,245,173)
```
#f4f7bf
```
#f4f7bf rgb(244,247,191)
```
#f7f9d0
```
#f7f9d0 rgb(247,249,208)
```
#fafbe2
```
#fafbe2 rgb(250,251,226)
```
#fdfef3
```
#fdfef3 rgb(253,254,243)
```

Tint Color Variation

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

#5c5d5a
```
#5c5d5a rgb(92,93,90)
```
#636453
```
#636453 rgb(99,100,83)
```
#696b4c
```
#696b4c rgb(105,107,76)
```
#6f7245
```
#6f7245 rgb(111,114,69)
```
#75793e
```
#75793e rgb(117,121,62)
```
#7c8037
```
#7c8037 rgb(124,128,55)
```
#828730
```
#828730 rgb(130,135,48)
```
#888e29
```
#888e29 rgb(136,142,41)
```
#8e9522
```
#8e9522 rgb(142,149,34)
```
#959c1b
```
#959c1b rgb(149,156,27)
```
#9ba314
```
#9ba314 rgb(155,163,20)
```
#a1aa0d
```
#a1aa0d rgb(161,170,13)
```
#a8b106
```
#a8b106 rgb(168,177,6)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#929477 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a11e Protanopia 1% of men
#c8992b Deuteranopia 1% of men
#ac9ca7 Tritanopia 0.001% of the population

Trichromacy

#aba21a Protanomaly 1% of men, 0.01% of women
#b89c22 Deuteranomaly 6% of men, 0.4% of women
#a69f72 Tritanomaly 0.01% of the population