#5af314 hex color

In a RGB color space, hex #5af314 is composed of 35.3% red, 95.3% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 0% magenta, 91.8% yellow and 4.7% black. It has a hue angle of 101.2 degrees, a saturation of 90.3% and a lightness of 51.6%. #5af314 color hex could be obtained by blending #b4ff28 with #00e700. Closest websafe color is: #66ff00.

♥
- f
- t
- g
- R 35
- G 95
- B 8
RGB color chart
- C 63
- M 0
- Y 92
- K 5
CMYK color chart

● #5af314 color description : Vivid green.

The hexadecimal color #5af314 has RGB values of R:90, G:243, B:20 and CMYK values of C:0.63, M:0, Y:0.92, K:0.05. Its decimal value is 5960468.

Hex triplet	5af314	`#5af314`
RGB Decimal	90, 243, 20	`rgb(90,243,20)`
RGB Percent	35.3, 95.3, 7.8	`rgb(35.3%,95.3%,7.8%)`
CMYK	63, 0, 92, 5
HSL	101.2°, 90.3, 51.6	`hsl(101.2,90.3%,51.6%)`
HSV (or HSB)	101.2°, 91.8, 95.3
Web Safe	66ff00	`#66ff00`

CIE-LAB	85.16, -72.966, 79.752
XYZ	36.392, 66.322, 11.545
xyY	0.319, 0.58, 66.322
CIE-LCH	85.16, 108.094, 132.456
CIE-LUV	85.16, -67.829, 101.498
Hunter-Lab	81.438, -62.753, 48.601
Binary	01011010, 11110011, 00010100

#5af314
```
#5af314 rgb(90,243,20)
```
#ad14f3
```
#ad14f3 rgb(173,20,243)
```

Complementary Color

#caf314
```
#caf314 rgb(202,243,20)
```
#5af314
```
#5af314 rgb(90,243,20)
```
#14f33d
```
#14f33d rgb(20,243,61)
```

Analogous Color

#f314ca
```
#f314ca rgb(243,20,202)
```
#5af314
```
#5af314 rgb(90,243,20)
```
#3d14f3
```
#3d14f3 rgb(61,20,243)
```

Split Complementary Color

#f3145a
```
#f3145a rgb(243,20,90)
```
#5af314
```
#5af314 rgb(90,243,20)
```
#145af3
```
#145af3 rgb(20,90,243)
```

Triadic Color

#f3ad14
```
#f3ad14 rgb(243,173,20)
```
#5af314
```
#5af314 rgb(90,243,20)
```
#145af3
```
#145af3 rgb(20,90,243)
```
#ad14f3
```
#ad14f3 rgb(173,20,243)
```

Tetradic Color

#3eb109
```
#3eb109 rgb(62,177,9)
```
#46ca0a
```
#46ca0a rgb(70,202,10)
```
#4fe20c
```
#4fe20c rgb(79,226,12)
```
#5af314
```
#5af314 rgb(90,243,20)
```
#6bf42c
```
#6bf42c rgb(107,244,44)
```
#7cf545
```
#7cf545 rgb(124,245,69)
```
#8df75d
```
#8df75d rgb(141,247,93)
```

Monochromatic Color

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

#92f314
```
#92f314 rgb(146,243,20)
```
#7ff314
```
#7ff314 rgb(127,243,20)
```
#6df314
```
#6df314 rgb(109,243,20)
```
#5af314
```
#5af314 rgb(90,243,20)
```
#47f314
```
#47f314 rgb(71,243,20)
```
#35f314
```
#35f314 rgb(53,243,20)
```
#22f314
```
#22f314 rgb(34,243,20)
```

Similar Colors

Text with hexadecimal color #5af314

This text has a font color of #5af314.

<span style="color:#5af314;">Text here</span>

#5af314 background color

This paragraph has a background color of #5af314.

<p style="background-color:#5af314;">Content here</p>

#5af314 border color

This element has a border color of #5af314.

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

CSS codes

.text {color:#5af314;}

.background {background-color:#5af314;}

.border {border:1px solid #5af314;}

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

#030800
```
#030800 rgb(3,8,0)
```
#091a01
```
#091a01 rgb(9,26,1)
```
#102d02
```
#102d02 rgb(16,45,2)
```
#164003
```
#164003 rgb(22,64,3)
```
#1d5204
```
#1d5204 rgb(29,82,4)
```
#236505
```
#236505 rgb(35,101,5)
```
#2a7806
```
#2a7806 rgb(42,120,6)
```
#308a07
```
#308a07 rgb(48,138,7)
```
#379d08
```
#379d08 rgb(55,157,8)
```
#3db009
```
#3db009 rgb(61,176,9)
```
#44c20a
```
#44c20a rgb(68,194,10)
```
#4ad50b
```
#4ad50b rgb(74,213,11)
```
#51e80c
```
#51e80c rgb(81,232,12)
```

Shade Color Variation

#5af314
```
#5af314 rgb(90,243,20)
```
#67f427
```
#67f427 rgb(103,244,39)
```
#74f539
```
#74f539 rgb(116,245,57)
```
#81f64c
```
#81f64c rgb(129,246,76)
```
#8ef75f
```
#8ef75f rgb(142,247,95)
```
#9cf871
```
#9cf871 rgb(156,248,113)
```
#a9f984
```
#a9f984 rgb(169,249,132)
```
#b6fa97
```
#b6fa97 rgb(182,250,151)
```
#c3fba9
```
#c3fba9 rgb(195,251,169)
```
#d0fcbc
```
#d0fcbc rgb(208,252,188)
```
#ddfdcf
```
#ddfdcf rgb(221,253,207)
```
#eafde1
```
#eafde1 rgb(234,253,225)
```
#f7fef4
```
#f7fef4 rgb(247,254,244)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818b7d is the less saturated color, while #56fd0b is the most saturated one.

#818b7d
```
#818b7d rgb(129,139,125)
```
#7d9473
```
#7d9473 rgb(125,148,115)
```
#7a9e6a
```
#7a9e6a rgb(122,158,106)
```
#76a760
```
#76a760 rgb(118,167,96)
```
#73b157
```
#73b157 rgb(115,177,87)
```
#6fba4d
```
#6fba4d rgb(111,186,77)
```
#6cc444
```
#6cc444 rgb(108,196,68)
```
#68cd3a
```
#68cd3a rgb(104,205,58)
```
#65d731
```
#65d731 rgb(101,215,49)
```
#61e027
```
#61e027 rgb(97,224,39)
```
#5eea1e
```
#5eea1e rgb(94,234,30)
```
#5af314
```
#5af314 rgb(90,243,20)
```
#56fd0b
```
#56fd0b rgb(86,253,11)
```

Tone Color Variation

Below, you can see how #5af314 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

#acacac Achromatopsia 0.005% of the population
#9cba8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d713 Protanopia 1% of men
#ffcf82 Deuteranopia 1% of men
#91e3f3 Tritanopia 0.001% of the population

Trichromacy

#bae113 Protanomaly 1% of men, 0.01% of women
#c3dc5a Deuteranomaly 6% of men, 0.4% of women
#7de9a2 Tritanomaly 0.01% of the population

#5af314 hex color

#5af314 Color Information

#5af314 Color Conversion

Color Schemes with #5af314

Alternatives to #5af314

#5af314 Preview

Shades and Tints of #5af314

Tones of #5af314

Color Blindness Simulator