#5af2bd hex color

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

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

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

The hexadecimal color #5af2bd has RGB values of R:90, G:242, B:189 and CMYK values of C:0.63, M:0, Y:0.22, K:0.05. Its decimal value is 5960381.

Hex triplet	5af2bd	`#5af2bd`
RGB Decimal	90, 242, 189	`rgb(90,242,189)`
RGB Percent	35.3, 94.9, 74.1	`rgb(35.3%,94.9%,74.1%)`
CMYK	63, 0, 22, 5
HSL	159.1°, 85.4, 65.1	`hsl(159.1,85.4%,65.1%)`
HSV (or HSB)	159.1°, 62.8, 94.9
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	86.676, -52.438, 13.84
XYZ	45.15, 69.348, 59.147
xyY	0.26, 0.399, 69.348
CIE-LCH	86.676, 54.234, 165.215
CIE-LUV	86.676, -61.776, 29.188
Hunter-Lab	83.276, -48.953, 16.181
Binary	01011010, 11110010, 10111101

#5af2bd
```
#5af2bd rgb(90,242,189)
```
#f25a8f
```
#f25a8f rgb(242,90,143)
```

Complementary Color

#5af271
```
#5af271 rgb(90,242,113)
```
#5af2bd
```
#5af2bd rgb(90,242,189)
```
#5adbf2
```
#5adbf2 rgb(90,219,242)
```

Analogous Color

#f2715a
```
#f2715a rgb(242,113,90)
```
#5af2bd
```
#5af2bd rgb(90,242,189)
```
#f25adb
```
#f25adb rgb(242,90,219)
```

Split Complementary Color

#f2bd5a
```
#f2bd5a rgb(242,189,90)
```
#5af2bd
```
#5af2bd rgb(90,242,189)
```
#bd5af2
```
#bd5af2 rgb(189,90,242)
```

Triadic Color

#8ff25a
```
#8ff25a rgb(143,242,90)
```
#5af2bd
```
#5af2bd rgb(90,242,189)
```
#bd5af2
```
#bd5af2 rgb(189,90,242)
```
#f25a8f
```
#f25a8f rgb(242,90,143)
```

Tetradic Color

#13eca1
```
#13eca1 rgb(19,236,161)
```
#2beeaa
```
#2beeaa rgb(43,238,170)
```
#42f0b4
```
#42f0b4 rgb(66,240,180)
```
#5af2bd
```
#5af2bd rgb(90,242,189)
```
#72f4c6
```
#72f4c6 rgb(114,244,198)
```
#89f6d0
```
#89f6d0 rgb(137,246,208)
```
#a1f8d9
```
#a1f8d9 rgb(161,248,217)
```

Monochromatic Color

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

#5af297
```
#5af297 rgb(90,242,151)
```
#5af2a4
```
#5af2a4 rgb(90,242,164)
```
#5af2b0
```
#5af2b0 rgb(90,242,176)
```
#5af2bd
```
#5af2bd rgb(90,242,189)
```
#5af2ca
```
#5af2ca rgb(90,242,202)
```
#5af2d6
```
#5af2d6 rgb(90,242,214)
```
#5af2e3
```
#5af2e3 rgb(90,242,227)
```

Similar Colors

Text with hexadecimal color #5af2bd

This text has a font color of #5af2bd.

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

#5af2bd background color

This paragraph has a background color of #5af2bd.

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

#5af2bd border color

This element has a border color of #5af2bd.

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

CSS codes

.text {color:#5af2bd;}

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

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

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

#01110b
```
#01110b rgb(1,17,11)
```
#032318
```
#032318 rgb(3,35,24)
```
#043524
```
#043524 rgb(4,53,36)
```
#064730
```
#064730 rgb(6,71,48)
```
#075a3d
```
#075a3d rgb(7,90,61)
```
#086c49
```
#086c49 rgb(8,108,73)
```
#0a7e55
```
#0a7e55 rgb(10,126,85)
```
#0b9062
```
#0b9062 rgb(11,144,98)
```
#0da26e
```
#0da26e rgb(13,162,110)
```
#0eb47b
```
#0eb47b rgb(14,180,123)
```
#10c787
```
#10c787 rgb(16,199,135)
```
#11d993
```
#11d993 rgb(17,217,147)
```
#13eba0
```
#13eba0 rgb(19,235,160)
```

Shade Color Variation

#23eea7
```
#23eea7 rgb(35,238,167)
```
#36efae
```
#36efae rgb(54,239,174)
```
#48f1b6
```
#48f1b6 rgb(72,241,182)
```
#5af2bd
```
#5af2bd rgb(90,242,189)
```
#6cf3c4
```
#6cf3c4 rgb(108,243,196)
```
#7ef5cc
```
#7ef5cc rgb(126,245,204)
```
#91f6d3
```
#91f6d3 rgb(145,246,211)
```
#a3f8da
```
#a3f8da rgb(163,248,218)
```
#b5f9e1
```
#b5f9e1 rgb(181,249,225)
```
#c7fbe9
```
#c7fbe9 rgb(199,251,233)
```
#d9fcf0
```
#d9fcf0 rgb(217,252,240)
```
#ebfdf7
```
#ebfdf7 rgb(235,253,247)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

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

#a5a7a6
```
#a5a7a6 rgb(165,167,166)
```
#9eaea8
```
#9eaea8 rgb(158,174,168)
```
#98b4aa
```
#98b4aa rgb(152,180,170)
```
#91bbac
```
#91bbac rgb(145,187,172)
```
#8ac2ae
```
#8ac2ae rgb(138,194,174)
```
#83c9b1
```
#83c9b1 rgb(131,201,177)
```
#7cd0b3
```
#7cd0b3 rgb(124,208,179)
```
#75d7b5
```
#75d7b5 rgb(117,215,181)
```
#6fddb7
```
#6fddb7 rgb(111,221,183)
```
#68e4b9
```
#68e4b9 rgb(104,228,185)
```
#61ebbb
```
#61ebbb rgb(97,235,187)
```
#5af2bd
```
#5af2bd rgb(90,242,189)
```
#53f9bf
```
#53f9bf rgb(83,249,191)
```

Tone Color Variation

Below, you can see how #5af2bd 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
#abc9bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7dab5 Protanopia 1% of men
#f5d3cb Deuteranopia 1% of men
#7deafb Tritanopia 0.001% of the population

Trichromacy

#b3e3b8 Protanomaly 1% of men, 0.01% of women
#bcdec5 Deuteranomaly 6% of men, 0.4% of women
#70ede4 Tritanomaly 0.01% of the population

#5af2bd hex color

#5af2bd Color Information

#5af2bd Color Conversion

Color Schemes with #5af2bd

Alternatives to #5af2bd

#5af2bd Preview

Shades and Tints of #5af2bd

Tones of #5af2bd

Color Blindness Simulator