#5affc2 hex color

In a RGB color space, hex #5affc2 is composed of 35.3% red, 100% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 64.7% cyan, 0% magenta, 23.9% yellow and 0% black. It has a hue angle of 157.8 degrees, a saturation of 100% and a lightness of 67.6%. #5affc2 color hex could be obtained by blending #b4ffff with #00ff85. Closest websafe color is: #66ffcc.

♥
- f
- t
- g
- R 35
- G 100
- B 76
RGB color chart
- C 65
- M 0
- Y 24
- K 0
CMYK color chart

● #5affc2 color description : Light cyan - lime green.

The hexadecimal color #5affc2 has RGB values of R:90, G:255, B:194 and CMYK values of C:0.65, M:0, Y:0.24, K:0. Its decimal value is 5963714.

Hex triplet	5affc2	`#5affc2`
RGB Decimal	90, 255, 194	`rgb(90,255,194)`
RGB Percent	35.3, 100, 76.1	`rgb(35.3%,100%,76.1%)`
CMYK	65, 0, 24, 0
HSL	157.8°, 100, 67.6	`hsl(157.8,100%,67.6%)`
HSV (or HSB)	157.8°, 64.7, 100
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	90.59, -56.593, 16.774
XYZ	49.71, 77.584, 63.391
xyY	0.261, 0.407, 77.584
CIE-LCH	90.59, 59.027, 163.49
CIE-LUV	90.59, -66.161, 34.298
Hunter-Lab	88.082, -53.404, 18.987
Binary	01011010, 11111111, 11000010

#5affc2
```
#5affc2 rgb(90,255,194)
```
#ff5a97
```
#ff5a97 rgb(255,90,151)
```

Complementary Color

#5aff70
```
#5aff70 rgb(90,255,112)
```
#5affc2
```
#5affc2 rgb(90,255,194)
```
#5aeaff
```
#5aeaff rgb(90,234,255)
```

Analogous Color

#ff705a
```
#ff705a rgb(255,112,90)
```
#5affc2
```
#5affc2 rgb(90,255,194)
```
#ff5aea
```
#ff5aea rgb(255,90,234)
```

Split Complementary Color

#ffc25a
```
#ffc25a rgb(255,194,90)
```
#5affc2
```
#5affc2 rgb(90,255,194)
```
#c25aff
```
#c25aff rgb(194,90,255)
```

Triadic Color

#97ff5a
```
#97ff5a rgb(151,255,90)
```
#5affc2
```
#5affc2 rgb(90,255,194)
```
#c25aff
```
#c25aff rgb(194,90,255)
```
#ff5a97
```
#ff5a97 rgb(255,90,151)
```

Tetradic Color

#0effa6
```
#0effa6 rgb(14,255,166)
```
#27ffaf
```
#27ffaf rgb(39,255,175)
```
#41ffb9
```
#41ffb9 rgb(65,255,185)
```
#5affc2
```
#5affc2 rgb(90,255,194)
```
#74ffcb
```
#74ffcb rgb(116,255,203)
```
#8dffd5
```
#8dffd5 rgb(141,255,213)
```
#a7ffde
```
#a7ffde rgb(167,255,222)
```

Monochromatic Color

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

#5aff99
```
#5aff99 rgb(90,255,153)
```
#5affa7
```
#5affa7 rgb(90,255,167)
```
#5affb4
```
#5affb4 rgb(90,255,180)
```
#5affc2
```
#5affc2 rgb(90,255,194)
```
#5affd0
```
#5affd0 rgb(90,255,208)
```
#5affde
```
#5affde rgb(90,255,222)
```
#5affeb
```
#5affeb rgb(90,255,235)
```

Similar Colors

Text with hexadecimal color #5affc2

This text has a font color of #5affc2.

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

#5affc2 background color

This paragraph has a background color of #5affc2.

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

#5affc2 border color

This element has a border color of #5affc2.

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

CSS codes

.text {color:#5affc2;}

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

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

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, #000c07 is the darkest color, while #f7fffc is the lightest one.

#000c07
```
#000c07 rgb(0,12,7)
```
#001f14
```
#001f14 rgb(0,31,20)
```
#003320
```
#003320 rgb(0,51,32)
```
#00462c
```
#00462c rgb(0,70,44)
```
#005a39
```
#005a39 rgb(0,90,57)
```
#006e45
```
#006e45 rgb(0,110,69)
```
#008151
```
#008151 rgb(0,129,81)
```
#00955e
```
#00955e rgb(0,149,94)
```
#00a86a
```
#00a86a rgb(0,168,106)
```
#00bc77
```
#00bc77 rgb(0,188,119)
```
#00d083
```
#00d083 rgb(0,208,131)
```
#00e38f
```
#00e38f rgb(0,227,143)
```
#00f79c
```
#00f79c rgb(0,247,156)
```

Shade Color Variation

#0cffa5
```
#0cffa5 rgb(12,255,165)
```
#1fffac
```
#1fffac rgb(31,255,172)
```
#33ffb3
```
#33ffb3 rgb(51,255,179)
```
#46ffbb
```
#46ffbb rgb(70,255,187)
```
#5affc2
```
#5affc2 rgb(90,255,194)
```
#6effc9
```
#6effc9 rgb(110,255,201)
```
#81ffd1
```
#81ffd1 rgb(129,255,209)
```
#95ffd8
```
#95ffd8 rgb(149,255,216)
```
#a8ffdf
```
#a8ffdf rgb(168,255,223)
```
#bcffe6
```
#bcffe6 rgb(188,255,230)
```
#d0ffee
```
#d0ffee rgb(208,255,238)
```
#e3fff5
```
#e3fff5 rgb(227,255,245)
```
#f7fffc
```
#f7fffc rgb(247,255,252)
```

Tint Color Variation

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

#a6b3ae
```
#a6b3ae rgb(166,179,174)
```
#a0b9b0
```
#a0b9b0 rgb(160,185,176)
```
#99c0b1
```
#99c0b1 rgb(153,192,177)
```
#93c6b3
```
#93c6b3 rgb(147,198,179)
```
#8dccb5
```
#8dccb5 rgb(141,204,181)
```
#86d3b6
```
#86d3b6 rgb(134,211,182)
```
#80d9b8
```
#80d9b8 rgb(128,217,184)
```
#7adfba
```
#7adfba rgb(122,223,186)
```
#73e6bb
```
#73e6bb rgb(115,230,187)
```
#6decbd
```
#6decbd rgb(109,236,189)
```
#67f2bf
```
#67f2bf rgb(103,242,191)
```
#60f9c0
```
#60f9c0 rgb(96,249,192)
```
#5affc2
```
#5affc2 rgb(90,255,194)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#b1d2c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3e4b9 Protanopia 1% of men
#ffded3 Deuteranopia 1% of men
#a6f1ff Tritanopia 0.001% of the population

Trichromacy

#bbeebc Protanomaly 1% of men, 0.01% of women
#c3eacd Deuteranomaly 6% of men, 0.4% of women
#8af6e8 Tritanomaly 0.01% of the population

#5affc2 hex color

#5affc2 Color Information

#5affc2 Color Conversion

Color Schemes with #5affc2

Alternatives to #5affc2

#5affc2 Preview

Shades and Tints of #5affc2

Tones of #5affc2

Color Blindness Simulator