colorhexa.com

#9fb31f hex color

In a RGB color space, hex #9fb31f is composed of 62.4% red, 70.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 11.2% cyan, 0% magenta, 82.7% yellow and 29.8% black. It has a hue angle of 68.1 degrees, a saturation of 70.5% and a lightness of 41.2%. #9fb31f color hex could be obtained by blending #ffff3e with #3f6700. Closest websafe color is: #99cc33.

- R 62
- G 70
- B 12
RGB color chart
- C 11
- M 0
- Y 83
- K 30
CMYK color chart

● #9fb31f color description : Strong yellow.

The hexadecimal color #9fb31f has RGB values of R:159, G:179, B:31 and CMYK values of C:0.11, M:0, Y:0.83, K:0.3. Its decimal value is 10466079.

Hex triplet	9fb31f	`#9fb31f`
RGB Decimal	159, 179, 31	`rgb(159,179,31)`
RGB Percent	62.4, 70.2, 12.2	`rgb(62.4%,70.2%,12.2%)`
CMYK	11, 0, 83, 30
HSL	68.1°, 70.5, 41.2	`hsl(68.1,70.5%,41.2%)`
HSV (or HSB)	68.1°, 82.7, 70.2
Web Safe	99cc33	`#99cc33`

CIE-LAB	69.263, -24.58, 65.587
XYZ	30.665, 39.71, 7.346
xyY	0.395, 0.511, 39.71
CIE-LCH	69.263, 70.041, 110.545
CIE-LUV	69.263, -7.789, 74.637
Hunter-Lab	63.016, -23.415, 37.2
Binary	10011111, 10110011, 00011111

#9fb31f
```
#9fb31f rgb(159,179,31)
```
#331fb3
```
#331fb3 rgb(51,31,179)
```

Complementary Color

#b37d1f
```
#b37d1f rgb(179,125,31)
```
#9fb31f
```
#9fb31f rgb(159,179,31)
```
#55b31f
```
#55b31f rgb(85,179,31)
```

Analogous Color

#7d1fb3
```
#7d1fb3 rgb(125,31,179)
```
#9fb31f
```
#9fb31f rgb(159,179,31)
```
#1f55b3
```
#1f55b3 rgb(31,85,179)
```

Split Complementary Color

#b31f9f
```
#b31f9f rgb(179,31,159)
```
#9fb31f
```
#9fb31f rgb(159,179,31)
```
#1f9fb3
```
#1f9fb3 rgb(31,159,179)
```

Triadic Color

#b3331f
```
#b3331f rgb(179,51,31)
```
#9fb31f
```
#9fb31f rgb(159,179,31)
```
#1f9fb3
```
#1f9fb3 rgb(31,159,179)
```
#331fb3
```
#331fb3 rgb(51,31,179)
```

Tetradic Color

#657214
```
#657214 rgb(101,114,20)
```
#788817
```
#788817 rgb(120,136,23)
```
#8c9d1b
```
#8c9d1b rgb(140,157,27)
```
#9fb31f
```
#9fb31f rgb(159,179,31)
```
#b2c923
```
#b2c923 rgb(178,201,35)
```
#c3da2b
```
#c3da2b rgb(195,218,43)
```
#c9de40
```
#c9de40 rgb(201,222,64)
```

Monochromatic Color

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

#b3a21f
```
#b3a21f rgb(179,162,31)
```
#b3ae1f
```
#b3ae1f rgb(179,174,31)
```
#abb31f
```
#abb31f rgb(171,179,31)
```
#9fb31f
```
#9fb31f rgb(159,179,31)
```
#93b31f
```
#93b31f rgb(147,179,31)
```
#86b31f
```
#86b31f rgb(134,179,31)
```
#7ab31f
```
#7ab31f rgb(122,179,31)
```

Similar Colors

Text with hexadecimal color #9fb31f

This text has a font color of #9fb31f.

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

#9fb31f background color

This paragraph has a background color of #9fb31f.

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

#9fb31f border color

This element has a border color of #9fb31f.

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

CSS codes

.text {color:#9fb31f;}

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

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

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

#0a0c02
```
#0a0c02 rgb(10,12,2)
```
#191d05
```
#191d05 rgb(25,29,5)
```
#282d08
```
#282d08 rgb(40,45,8)
```
#373e0b
```
#373e0b rgb(55,62,11)
```
#464f0e
```
#464f0e rgb(70,79,14)
```
#555f11
```
#555f11 rgb(85,95,17)
```
#647013
```
#647013 rgb(100,112,19)
```
#728116
```
#728116 rgb(114,129,22)
```
#819219
```
#819219 rgb(129,146,25)
```
#90a21c
```
#90a21c rgb(144,162,28)
```
#9fb31f
```
#9fb31f rgb(159,179,31)
```
#aec422
```
#aec422 rgb(174,196,34)
```
#bdd425
```
#bdd425 rgb(189,212,37)
```

Shade Color Variation

#c4db31
```
#c4db31 rgb(196,219,49)
```
#c9de42
```
#c9de42 rgb(201,222,66)
```
#cee153
```
#cee153 rgb(206,225,83)
```
#d3e464
```
#d3e464 rgb(211,228,100)
```
#d7e774
```
#d7e774 rgb(215,231,116)
```
#dcea85
```
#dcea85 rgb(220,234,133)
```
#e1ed96
```
#e1ed96 rgb(225,237,150)
```
#e6f0a6
```
#e6f0a6 rgb(230,240,166)
```
#ebf3b7
```
#ebf3b7 rgb(235,243,183)
```
#eff5c8
```
#eff5c8 rgb(239,245,200)
```
#f4f8d9
```
#f4f8d9 rgb(244,248,217)
```
#f9fbe9
```
#f9fbe9 rgb(249,251,233)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#6a6a68
```
#6a6a68 rgb(106,106,104)
```
#707260
```
#707260 rgb(112,114,96)
```
#767a58
```
#767a58 rgb(118,122,88)
```
#7c834f
```
#7c834f rgb(124,131,79)
```
#828b47
```
#828b47 rgb(130,139,71)
```
#87933f
```
#87933f rgb(135,147,63)
```
#8d9b37
```
#8d9b37 rgb(141,155,55)
```
#93a32f
```
#93a32f rgb(147,163,47)
```
#99ab27
```
#99ab27 rgb(153,171,39)
```
#9fb31f
```
#9fb31f rgb(159,179,31)
```
#a5bb17
```
#a5bb17 rgb(165,187,23)
```
#abc30f
```
#abc30f rgb(171,195,15)
```
#b1cb07
```
#b1cb07 rgb(177,203,7)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#9da183 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ad28 Protanopia 1% of men
#d7a535 Deuteranopia 1% of men
#b2abb7 Tritanopia 0.001% of the population

Trichromacy

#b5af24 Protanomaly 1% of men, 0.01% of women
#c3aa2d Deuteranomaly 6% of men, 0.4% of women
#abad7f Tritanomaly 0.01% of the population