#5af2c4 hex color

In a RGB color space, hex #5af2c4 is composed of 35.3% red, 94.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 0% magenta, 19% yellow and 5.1% black. It has a hue angle of 161.8 degrees, a saturation of 85.4% and a lightness of 65.1%. #5af2c4 color hex could be obtained by blending #b4ffff with #00e589. Closest websafe color is: #66ffcc.

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

● #5af2c4 color description : Soft cyan - lime green.

The hexadecimal color #5af2c4 has RGB values of R:90, G:242, B:196 and CMYK values of C:0.63, M:0, Y:0.19, K:0.05. Its decimal value is 5960388.

Hex triplet	5af2c4	`#5af2c4`
RGB Decimal	90, 242, 196	`rgb(90,242,196)`
RGB Percent	35.3, 94.9, 76.9	`rgb(35.3%,94.9%,76.9%)`
CMYK	63, 0, 19, 5
HSL	161.8°, 85.4, 65.1	`hsl(161.8,85.4%,65.1%)`
HSV (or HSB)	161.8°, 62.8, 94.9
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	86.83, -50.87, 10.418
XYZ	45.929, 69.659, 63.247
xyY	0.257, 0.39, 69.659
CIE-LCH	86.83, 51.926, 168.426
CIE-LUV	86.83, -61.378, 23.978
Hunter-Lab	83.462, -47.831, 13.494
Binary	01011010, 11110010, 11000100

#5af2c4
```
#5af2c4 rgb(90,242,196)
```
#f25a88
```
#f25a88 rgb(242,90,136)
```

Complementary Color

#5af278
```
#5af278 rgb(90,242,120)
```
#5af2c4
```
#5af2c4 rgb(90,242,196)
```
#5ad4f2
```
#5ad4f2 rgb(90,212,242)
```

Analogous Color

#f2785a
```
#f2785a rgb(242,120,90)
```
#5af2c4
```
#5af2c4 rgb(90,242,196)
```
#f25ad4
```
#f25ad4 rgb(242,90,212)
```

Split Complementary Color

#f2c45a
```
#f2c45a rgb(242,196,90)
```
#5af2c4
```
#5af2c4 rgb(90,242,196)
```
#c45af2
```
#c45af2 rgb(196,90,242)
```

Triadic Color

#88f25a
```
#88f25a rgb(136,242,90)
```
#5af2c4
```
#5af2c4 rgb(90,242,196)
```
#c45af2
```
#c45af2 rgb(196,90,242)
```
#f25a88
```
#f25a88 rgb(242,90,136)
```

Tetradic Color

#13ecab
```
#13ecab rgb(19,236,171)
```
#2beeb3
```
#2beeb3 rgb(43,238,179)
```
#42f0bc
```
#42f0bc rgb(66,240,188)
```
#5af2c4
```
#5af2c4 rgb(90,242,196)
```
#72f4cc
```
#72f4cc rgb(114,244,204)
```
#89f6d5
```
#89f6d5 rgb(137,246,213)
```
#a1f8dd
```
#a1f8dd rgb(161,248,221)
```

Monochromatic Color

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

#5af29e
```
#5af29e rgb(90,242,158)
```
#5af2ab
```
#5af2ab rgb(90,242,171)
```
#5af2b7
```
#5af2b7 rgb(90,242,183)
```
#5af2c4
```
#5af2c4 rgb(90,242,196)
```
#5af2d1
```
#5af2d1 rgb(90,242,209)
```
#5af2dd
```
#5af2dd rgb(90,242,221)
```
#5af2ea
```
#5af2ea rgb(90,242,234)
```

Similar Colors

Text with hexadecimal color #5af2c4

This text has a font color of #5af2c4.

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

#5af2c4 background color

This paragraph has a background color of #5af2c4.

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

#5af2c4 border color

This element has a border color of #5af2c4.

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

CSS codes

.text {color:#5af2c4;}

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

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

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, #01110c is the darkest color, while #feffff is the lightest one.

#01110c
```
#01110c rgb(1,17,12)
```
#032319
```
#032319 rgb(3,35,25)
```
#043526
```
#043526 rgb(4,53,38)
```
#064733
```
#064733 rgb(6,71,51)
```
#075a41
```
#075a41 rgb(7,90,65)
```
#086c4e
```
#086c4e rgb(8,108,78)
```
#0a7e5b
```
#0a7e5b rgb(10,126,91)
```
#0b9068
```
#0b9068 rgb(11,144,104)
```
#0da275
```
#0da275 rgb(13,162,117)
```
#0eb482
```
#0eb482 rgb(14,180,130)
```
#10c78f
```
#10c78f rgb(16,199,143)
```
#11d99c
```
#11d99c rgb(17,217,156)
```
#13ebaa
```
#13ebaa rgb(19,235,170)
```

Shade Color Variation

#23eeb0
```
#23eeb0 rgb(35,238,176)
```
#36efb7
```
#36efb7 rgb(54,239,183)
```
#48f1bd
```
#48f1bd rgb(72,241,189)
```
#5af2c4
```
#5af2c4 rgb(90,242,196)
```
#6cf3cb
```
#6cf3cb rgb(108,243,203)
```
#7ef5d1
```
#7ef5d1 rgb(126,245,209)
```
#91f6d8
```
#91f6d8 rgb(145,246,216)
```
#a3f8de
```
#a3f8de rgb(163,248,222)
```
#b5f9e5
```
#b5f9e5 rgb(181,249,229)
```
#c7fbeb
```
#c7fbeb rgb(199,251,235)
```
#d9fcf2
```
#d9fcf2 rgb(217,252,242)
```
#ebfdf8
```
#ebfdf8 rgb(235,253,248)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#a5a7a6
```
#a5a7a6 rgb(165,167,166)
```
#9eaea9
```
#9eaea9 rgb(158,174,169)
```
#98b4ac
```
#98b4ac rgb(152,180,172)
```
#91bbae
```
#91bbae rgb(145,187,174)
```
#8ac2b1
```
#8ac2b1 rgb(138,194,177)
```
#83c9b4
```
#83c9b4 rgb(131,201,180)
```
#7cd0b6
```
#7cd0b6 rgb(124,208,182)
```
#75d7b9
```
#75d7b9 rgb(117,215,185)
```
#6fddbc
```
#6fddbc rgb(111,221,188)
```
#68e4bf
```
#68e4bf rgb(104,228,191)
```
#61ebc1
```
#61ebc1 rgb(97,235,193)
```
#5af2c4
```
#5af2c4 rgb(90,242,196)
```
#53f9c7
```
#53f9c7 rgb(83,249,199)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#abc9c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6dabb Protanopia 1% of men
#f3d4d1 Deuteranopia 1% of men
#7bebfc Tritanopia 0.001% of the population

Trichromacy

#b3e3be Protanomaly 1% of men, 0.01% of women
#bbdfcc Deuteranomaly 6% of men, 0.4% of women
#6fede7 Tritanomaly 0.01% of the population

#5af2c4 hex color

#5af2c4 Color Information

#5af2c4 Color Conversion

Color Schemes with #5af2c4

Alternatives to #5af2c4

#5af2c4 Preview

Shades and Tints of #5af2c4

Tones of #5af2c4

Color Blindness Simulator