#9af80f hex color

In a RGB color space, hex #9af80f is composed of 60.4% red, 97.3% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 37.9% cyan, 0% magenta, 94% yellow and 2.7% black. It has a hue angle of 84.2 degrees, a saturation of 94.3% and a lightness of 51.6%. #9af80f color hex could be obtained by blending #ffff1e with #35f100. Closest websafe color is: #99ff00.

♥
- f
- t
- g
- R 60
- G 97
- B 6
RGB color chart
- C 38
- M 0
- Y 94
- K 3
CMYK color chart

● #9af80f color description : Vivid green.

The hexadecimal color #9af80f has RGB values of R:154, G:248, B:15 and CMYK values of C:0.38, M:0, Y:0.94, K:0.03. Its decimal value is 10156047.

Hex triplet	9af80f	`#9af80f`
RGB Decimal	154, 248, 15	`rgb(154,248,15)`
RGB Percent	60.4, 97.3, 5.9	`rgb(60.4%,97.3%,5.9%)`
CMYK	38, 0, 94, 3
HSL	84.2°, 94.3, 51.6	`hsl(84.2,94.3%,51.6%)`
HSV (or HSB)	84.2°, 94, 97.3
Web Safe	99ff00	`#99ff00`

CIE-LAB	88.94, -56.999, 84.335
XYZ	46.979, 74.037, 12.267
xyY	0.352, 0.555, 74.037
CIE-LCH	88.94, 101.791, 124.053
CIE-LUV	88.94, -46.828, 103.568
Hunter-Lab	86.045, -53.121, 51.779
Binary	10011010, 11111000, 00001111

#9af80f
```
#9af80f rgb(154,248,15)
```
#6d0ff8
```
#6d0ff8 rgb(109,15,248)
```

Complementary Color

#f8e20f
```
#f8e20f rgb(248,226,15)
```
#9af80f
```
#9af80f rgb(154,248,15)
```
#25f80f
```
#25f80f rgb(37,248,15)
```

Analogous Color

#e20ff8
```
#e20ff8 rgb(226,15,248)
```
#9af80f
```
#9af80f rgb(154,248,15)
```
#0f25f8
```
#0f25f8 rgb(15,37,248)
```

Split Complementary Color

#f80f9a
```
#f80f9a rgb(248,15,154)
```
#9af80f
```
#9af80f rgb(154,248,15)
```
#0f9af8
```
#0f9af8 rgb(15,154,248)
```

Triadic Color

#f86d0f
```
#f86d0f rgb(248,109,15)
```
#9af80f
```
#9af80f rgb(154,248,15)
```
#0f9af8
```
#0f9af8 rgb(15,154,248)
```
#6d0ff8
```
#6d0ff8 rgb(109,15,248)
```

Tetradic Color

#6eb505
```
#6eb505 rgb(110,181,5)
```
#7dce06
```
#7dce06 rgb(125,206,6)
```
#8ce707
```
#8ce707 rgb(140,231,7)
```
#9af80f
```
#9af80f rgb(154,248,15)
```
#a4f928
```
#a4f928 rgb(164,249,40)
```
#aff941
```
#aff941 rgb(175,249,65)
```
#b9fa59
```
#b9fa59 rgb(185,250,89)
```

Monochromatic Color

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

#d4f80f
```
#d4f80f rgb(212,248,15)
```
#c1f80f
```
#c1f80f rgb(193,248,15)
```
#adf80f
```
#adf80f rgb(173,248,15)
```
#9af80f
```
#9af80f rgb(154,248,15)
```
#87f80f
```
#87f80f rgb(135,248,15)
```
#73f80f
```
#73f80f rgb(115,248,15)
```
#60f80f
```
#60f80f rgb(96,248,15)
```

Similar Colors

Text with hexadecimal color #9af80f

This text has a font color of #9af80f.

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

#9af80f background color

This paragraph has a background color of #9af80f.

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

#9af80f border color

This element has a border color of #9af80f.

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

CSS codes

.text {color:#9af80f;}

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

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

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

#050800
```
#050800 rgb(5,8,0)
```
#101b01
```
#101b01 rgb(16,27,1)
```
#1c2e01
```
#1c2e01 rgb(28,46,1)
```
#284102
```
#284102 rgb(40,65,2)
```
#335402
```
#335402 rgb(51,84,2)
```
#3f6703
```
#3f6703 rgb(63,103,3)
```
#4a7a04
```
#4a7a04 rgb(74,122,4)
```
#568d04
```
#568d04 rgb(86,141,4)
```
#61a005
```
#61a005 rgb(97,160,5)
```
#6db305
```
#6db305 rgb(109,179,5)
```
#79c606
```
#79c606 rgb(121,198,6)
```
#84d906
```
#84d906 rgb(132,217,6)
```
#90ec07
```
#90ec07 rgb(144,236,7)
```

Shade Color Variation

#9af80f
```
#9af80f rgb(154,248,15)
```
#a2f922
```
#a2f922 rgb(162,249,34)
```
#aaf935
```
#aaf935 rgb(170,249,53)
```
#b2fa48
```
#b2fa48 rgb(178,250,72)
```
#bafa5b
```
#bafa5b rgb(186,250,91)
```
#c2fb6e
```
#c2fb6e rgb(194,251,110)
```
#cafb81
```
#cafb81 rgb(202,251,129)
```
#d2fc94
```
#d2fc94 rgb(210,252,148)
```
#dafca7
```
#dafca7 rgb(218,252,167)
```
#e2fdbb
```
#e2fdbb rgb(226,253,187)
```
#eafece
```
#eafece rgb(234,254,206)
```
#f2fee1
```
#f2fee1 rgb(242,254,225)
```
#fafff4
```
#fafff4 rgb(250,255,244)
```

Tint Color Variation

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

#848681
```
#848681 rgb(132,134,129)
```
#869078
```
#869078 rgb(134,144,120)
```
#88996e
```
#88996e rgb(136,153,110)
```
#89a365
```
#89a365 rgb(137,163,101)
```
#8bac5b
```
#8bac5b rgb(139,172,91)
```
#8db652
```
#8db652 rgb(141,182,82)
```
#8fbf48
```
#8fbf48 rgb(143,191,72)
```
#91c93f
```
#91c93f rgb(145,201,63)
```
#93d235
```
#93d235 rgb(147,210,53)
```
#94dc2c
```
#94dc2c rgb(148,220,44)
```
#96e522
```
#96e522 rgb(150,229,34)
```
#98ef19
```
#98ef19 rgb(152,239,25)
```
#9af80f
```
#9af80f rgb(154,248,15)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#b9cc9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#fce10c Protanopia 1% of men
#ffdbaa Deuteranopia 1% of men
#bde7f8 Tritanopia 0.001% of the population

Trichromacy

#d8e90d Protanomaly 1% of men, 0.01% of women
#dae572 Deuteranomaly 6% of men, 0.4% of women
#b0eda3 Tritanomaly 0.01% of the population

#9af80f hex color

#9af80f Color Information

#9af80f Color Conversion

Color Schemes with #9af80f

Alternatives to #9af80f

#9af80f Preview

Shades and Tints of #9af80f

Tones of #9af80f

Color Blindness Simulator