colorhexa.com

#8af304 hex color

In a RGB color space, hex #8af304 is composed of 54.1% red, 95.3% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 43.2% cyan, 0% magenta, 98.4% yellow and 4.7% black. It has a hue angle of 86.4 degrees, a saturation of 96.8% and a lightness of 48.4%. #8af304 color hex could be obtained by blending #ffff08 with #15e700. Closest websafe color is: #99ff00.

- R 54
- G 95
- B 2
RGB color chart
- C 43
- M 0
- Y 98
- K 5
CMYK color chart

● #8af304 color description : Vivid green.

The hexadecimal color #8af304 has RGB values of R:138, G:243, B:4 and CMYK values of C:0.43, M:0, Y:0.98, K:0.05. Its decimal value is 9106180.

Hex triplet	8af304	`#8af304`
RGB Decimal	138, 243, 4	`rgb(138,243,4)`
RGB Percent	54.1, 95.3, 1.6	`rgb(54.1%,95.3%,1.6%)`
CMYK	43, 0, 98, 5
HSL	86.4°, 96.8, 48.4	`hsl(86.4,96.8%,48.4%)`
HSV (or HSB)	86.4°, 98.4, 95.3
Web Safe	99ff00	`#99ff00`

CIE-LAB	86.756, -60.415, 83.208
XYZ	42.552, 69.511, 11.29
xyY	0.345, 0.564, 69.511
CIE-LCH	86.756, 102.827, 125.982
CIE-LUV	86.756, -51.59, 102.283
Hunter-Lab	83.373, -54.799, 50.333
Binary	10001010, 11110011, 00000100

#8af304
```
#8af304 rgb(138,243,4)
```
#6d04f3
```
#6d04f3 rgb(109,4,243)
```

Complementary Color

#f3e504
```
#f3e504 rgb(243,229,4)
```
#8af304
```
#8af304 rgb(138,243,4)
```
#12f304
```
#12f304 rgb(18,243,4)
```

Analogous Color

#e504f3
```
#e504f3 rgb(229,4,243)
```
#8af304
```
#8af304 rgb(138,243,4)
```
#0412f3
```
#0412f3 rgb(4,18,243)
```

Split Complementary Color

#f3048a
```
#f3048a rgb(243,4,138)
```
#8af304
```
#8af304 rgb(138,243,4)
```
#048af3
```
#048af3 rgb(4,138,243)
```

Triadic Color

#5fa803
```
#5fa803 rgb(95,168,3)
```
#6ec103
```
#6ec103 rgb(110,193,3)
```
#7cda04
```
#7cda04 rgb(124,218,4)
```
#8af304
```
#8af304 rgb(138,243,4)
```
#96fb15
```
#96fb15 rgb(150,251,21)
```
#a1fc2e
```
#a1fc2e rgb(161,252,46)
```
#adfc48
```
#adfc48 rgb(173,252,72)
```

Monochromatic Color

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

#c6f304
```
#c6f304 rgb(198,243,4)
```
#b2f304
```
#b2f304 rgb(178,243,4)
```
#9ef304
```
#9ef304 rgb(158,243,4)
```
#8af304
```
#8af304 rgb(138,243,4)
```
#76f304
```
#76f304 rgb(118,243,4)
```
#62f304
```
#62f304 rgb(98,243,4)
```
#4ef304
```
#4ef304 rgb(78,243,4)
```

Similar Colors

Text with hexadecimal color #8af304

This text has a font color of #8af304.

<span style="color:#8af304;">Text here</span>

#8af304 background color

This paragraph has a background color of #8af304.

<p style="background-color:#8af304;">Content here</p>

#8af304 border color

This element has a border color of #8af304.

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

CSS codes

.text {color:#8af304;}

.background {background-color:#8af304;}

.border {border:1px solid #8af304;}

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, #060b00 is the darkest color, while #fbfff7 is the lightest one.

#060b00
```
#060b00 rgb(6,11,0)
```
#111f01
```
#111f01 rgb(17,31,1)
```
#1c3201
```
#1c3201 rgb(28,50,1)
```
#274501
```
#274501 rgb(39,69,1)
```
#325901
```
#325901 rgb(50,89,1)
```
#3d6c02
```
#3d6c02 rgb(61,108,2)
```
#487f02
```
#487f02 rgb(72,127,2)
```
#539302
```
#539302 rgb(83,147,2)
```
#5ea603
```
#5ea603 rgb(94,166,3)
```
#69b903
```
#69b903 rgb(105,185,3)
```
#74cc03
```
#74cc03 rgb(116,204,3)
```
#7fe004
```
#7fe004 rgb(127,224,4)
```
#8af304
```
#8af304 rgb(138,243,4)
```

Shade Color Variation

#94fb10
```
#94fb10 rgb(148,251,16)
```
#9cfb23
```
#9cfb23 rgb(156,251,35)
```
#a5fc36
```
#a5fc36 rgb(165,252,54)
```
#aefc49
```
#aefc49 rgb(174,252,73)
```
#b6fc5d
```
#b6fc5d rgb(182,252,93)
```
#bffd70
```
#bffd70 rgb(191,253,112)
```
#c8fd83
```
#c8fd83 rgb(200,253,131)
```
#d0fd97
```
#d0fd97 rgb(208,253,151)
```
#d9feaa
```
#d9feaa rgb(217,254,170)
```
#e2febd
```
#e2febd rgb(226,254,189)
```
#eafed1
```
#eafed1 rgb(234,254,209)
```
#f3ffe4
```
#f3ffe4 rgb(243,255,228)
```
#fbfff7
```
#fbfff7 rgb(251,255,247)
```

Tint Color Variation

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

#7c8176
```
#7c8176 rgb(124,129,118)
```
#7d8b6d
```
#7d8b6d rgb(125,139,109)
```
#7e9463
```
#7e9463 rgb(126,148,99)
```
#809e5a
```
#809e5a rgb(128,158,90)
```
#81a750
```
#81a750 rgb(129,167,80)
```
#82b147
```
#82b147 rgb(130,177,71)
```
#83ba3d
```
#83ba3d rgb(131,186,61)
```
#84c434
```
#84c434 rgb(132,196,52)
```
#85cd2a
```
#85cd2a rgb(133,205,42)
```
#87d721
```
#87d721 rgb(135,215,33)
```
#88e017
```
#88e017 rgb(136,224,23)
```
#89ea0e
```
#89ea0e rgb(137,234,14)
```
#8af304
```
#8af304 rgb(138,243,4)
```

Tone Color Variation

Below, you can see how #8af304 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

#b8b8b8 Achromatopsia 0.005% of the population
#afc494 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f6db00 Protanopia 1% of men
#ffd494 Deuteranopia 1% of men
#b0e3f3 Tritanopia 0.001% of the population

Trichromacy

#cee401 Protanomaly 1% of men, 0.01% of women
#d4df60 Deuteranomaly 6% of men, 0.4% of women
#a2e99c Tritanomaly 0.01% of the population