#5af345 hex color

In a RGB color space, hex #5af345 is composed of 35.3% red, 95.3% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 63% cyan, 0% magenta, 71.6% yellow and 4.7% black. It has a hue angle of 112.8 degrees, a saturation of 87.9% and a lightness of 61.2%. #5af345 color hex could be obtained by blending #b4ff8a with #00e700. Closest websafe color is: #66ff33.

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

● #5af345 color description : Bright lime green.

The hexadecimal color #5af345 has RGB values of R:90, G:243, B:69 and CMYK values of C:0.63, M:0, Y:0.72, K:0.05. Its decimal value is 5960517.

Hex triplet	5af345	`#5af345`
RGB Decimal	90, 243, 69	`rgb(90,243,69)`
RGB Percent	35.3, 95.3, 27.1	`rgb(35.3%,95.3%,27.1%)`
CMYK	63, 0, 72, 5
HSL	112.8°, 87.9, 61.2	`hsl(112.8,87.9%,61.2%)`
HSV (or HSB)	112.8°, 71.6, 95.3
Web Safe	66ff33	`#66ff33`

CIE-LAB	85.353, -70.67, 68.039
XYZ	37.339, 66.701, 16.537
xyY	0.31, 0.553, 66.701
CIE-LCH	85.353, 98.1, 136.087
CIE-LUV	85.353, -67.125, 92.861
Hunter-Lab	81.671, -61.315, 45.164
Binary	01011010, 11110011, 01000101

#5af345
```
#5af345 rgb(90,243,69)
```
#de45f3
```
#de45f3 rgb(222,69,243)
```

Complementary Color

#b1f345
```
#b1f345 rgb(177,243,69)
```
#5af345
```
#5af345 rgb(90,243,69)
```
#45f387
```
#45f387 rgb(69,243,135)
```

Analogous Color

#f345b1
```
#f345b1 rgb(243,69,177)
```
#5af345
```
#5af345 rgb(90,243,69)
```
#8745f3
```
#8745f3 rgb(135,69,243)
```

Split Complementary Color

#f3455a
```
#f3455a rgb(243,69,90)
```
#5af345
```
#5af345 rgb(90,243,69)
```
#455af3
```
#455af3 rgb(69,90,243)
```

Triadic Color

#f3de45
```
#f3de45 rgb(243,222,69)
```
#5af345
```
#5af345 rgb(90,243,69)
```
#455af3
```
#455af3 rgb(69,90,243)
```
#de45f3
```
#de45f3 rgb(222,69,243)
```

Tetradic Color

#27dd0e
```
#27dd0e rgb(39,221,14)
```
#30f015
```
#30f015 rgb(48,240,21)
```
#45f12d
```
#45f12d rgb(69,241,45)
```
#5af345
```
#5af345 rgb(90,243,69)
```
#6ff55d
```
#6ff55d rgb(111,245,93)
```
#85f675
```
#85f675 rgb(133,246,117)
```
#9af88d
```
#9af88d rgb(154,248,141)
```

Monochromatic Color

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

#86f345
```
#86f345 rgb(134,243,69)
```
#77f345
```
#77f345 rgb(119,243,69)
```
#69f345
```
#69f345 rgb(105,243,69)
```
#5af345
```
#5af345 rgb(90,243,69)
```
#4cf345
```
#4cf345 rgb(76,243,69)
```
#45f34d
```
#45f34d rgb(69,243,77)
```
#45f35b
```
#45f35b rgb(69,243,91)
```

Similar Colors

Text with hexadecimal color #5af345

This text has a font color of #5af345.

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

#5af345 background color

This paragraph has a background color of #5af345.

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

#5af345 border color

This element has a border color of #5af345.

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

CSS codes

.text {color:#5af345;}

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

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

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

#031101
```
#031101 rgb(3,17,1)
```
#062302
```
#062302 rgb(6,35,2)
```
#0a3603
```
#0a3603 rgb(10,54,3)
```
#0d4805
```
#0d4805 rgb(13,72,5)
```
#105a06
```
#105a06 rgb(16,90,6)
```
#136d07
```
#136d07 rgb(19,109,7)
```
#177f08
```
#177f08 rgb(23,127,8)
```
#1a9209
```
#1a9209 rgb(26,146,9)
```
#1da40b
```
#1da40b rgb(29,164,11)
```
#20b70c
```
#20b70c rgb(32,183,12)
```
#24c90d
```
#24c90d rgb(36,201,13)
```
#27db0e
```
#27db0e rgb(39,219,14)
```
#2aee0f
```
#2aee0f rgb(42,238,15)
```

Shade Color Variation

#39f120
```
#39f120 rgb(57,241,32)
```
#4af233
```
#4af233 rgb(74,242,51)
```
#5af345
```
#5af345 rgb(90,243,69)
```
#6af457
```
#6af457 rgb(106,244,87)
```
#7bf56a
```
#7bf56a rgb(123,245,106)
```
#8bf77c
```
#8bf77c rgb(139,247,124)
```
#9bf88f
```
#9bf88f rgb(155,248,143)
```
#acf9a1
```
#acf9a1 rgb(172,249,161)
```
#bcfab4
```
#bcfab4 rgb(188,250,180)
```
#ccfbc6
```
#ccfbc6 rgb(204,251,198)
```
#ddfdd8
```
#ddfdd8 rgb(221,253,216)
```
#edfeeb
```
#edfeeb rgb(237,254,235)
```
#fdfffd
```
#fdfffd rgb(253,255,253)
```

Tint Color Variation

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

#9a9f99
```
#9a9f99 rgb(154,159,153)
```
#94a791
```
#94a791 rgb(148,167,145)
```
#8eae8a
```
#8eae8a rgb(142,174,138)
```
#88b682
```
#88b682 rgb(136,182,130)
```
#82be7a
```
#82be7a rgb(130,190,122)
```
#7dc573
```
#7dc573 rgb(125,197,115)
```
#77cd6b
```
#77cd6b rgb(119,205,107)
```
#71d563
```
#71d563 rgb(113,213,99)
```
#6bdc5c
```
#6bdc5c rgb(107,220,92)
```
#66e454
```
#66e454 rgb(102,228,84)
```
#60eb4d
```
#60eb4d rgb(96,235,77)
```
#5af345
```
#5af345 rgb(90,243,69)
```
#54fb3d
```
#54fb3d rgb(84,251,61)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#a0be9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0d747 Protanopia 1% of men
#ffcf89 Deuteranopia 1% of men
#8fe4f4 Tritanopia 0.001% of the population

Trichromacy

#b9e146 Protanomaly 1% of men, 0.01% of women
#c3dc70 Deuteranomaly 6% of men, 0.4% of women
#7be9b4 Tritanomaly 0.01% of the population

#5af345 hex color

#5af345 Color Information

#5af345 Color Conversion

Color Schemes with #5af345

Alternatives to #5af345

#5af345 Preview

Shades and Tints of #5af345

Tones of #5af345

Color Blindness Simulator