#5affcc hex color

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

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

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

The hexadecimal color #5affcc has RGB values of R:90, G:255, B:204 and CMYK values of C:0.65, M:0, Y:0.2, K:0. Its decimal value is 5963724.

Hex triplet	5affcc	`#5affcc`
RGB Decimal	90, 255, 204	`rgb(90,255,204)`
RGB Percent	35.3, 100, 80	`rgb(35.3%,100%,80%)`
CMYK	65, 0, 20, 0
HSL	161.5°, 100, 67.6	`hsl(161.5,100%,67.6%)`
HSV (or HSB)	161.5°, 64.7, 100
Web Safe	66ffcc	`#66ffcc`

CIE-LAB	90.802, -54.395, 11.934
XYZ	50.872, 78.049, 69.507
xyY	0.256, 0.393, 78.049
CIE-LCH	90.802, 55.689, 167.626
CIE-LUV	90.802, -65.578, 26.957
Hunter-Lab	88.345, -51.819, 15.194
Binary	01011010, 11111111, 11001100

#5affcc
```
#5affcc rgb(90,255,204)
```
#ff5a8d
```
#ff5a8d rgb(255,90,141)
```

Complementary Color

#5aff7a
```
#5aff7a rgb(90,255,122)
```
#5affcc
```
#5affcc rgb(90,255,204)
```
#5ae0ff
```
#5ae0ff rgb(90,224,255)
```

Analogous Color

#ff7a5a
```
#ff7a5a rgb(255,122,90)
```
#5affcc
```
#5affcc rgb(90,255,204)
```
#ff5ae0
```
#ff5ae0 rgb(255,90,224)
```

Split Complementary Color

#ffcc5a
```
#ffcc5a rgb(255,204,90)
```
#5affcc
```
#5affcc rgb(90,255,204)
```
#cc5aff
```
#cc5aff rgb(204,90,255)
```

Triadic Color

#8dff5a
```
#8dff5a rgb(141,255,90)
```
#5affcc
```
#5affcc rgb(90,255,204)
```
#cc5aff
```
#cc5aff rgb(204,90,255)
```
#ff5a8d
```
#ff5a8d rgb(255,90,141)
```

Tetradic Color

#0effb4
```
#0effb4 rgb(14,255,180)
```
#27ffbc
```
#27ffbc rgb(39,255,188)
```
#41ffc4
```
#41ffc4 rgb(65,255,196)
```
#5affcc
```
#5affcc rgb(90,255,204)
```
#74ffd4
```
#74ffd4 rgb(116,255,212)
```
#8dffdc
```
#8dffdc rgb(141,255,220)
```
#a7ffe4
```
#a7ffe4 rgb(167,255,228)
```

Monochromatic Color

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

#5affa3
```
#5affa3 rgb(90,255,163)
```
#5affb1
```
#5affb1 rgb(90,255,177)
```
#5affbe
```
#5affbe rgb(90,255,190)
```
#5affcc
```
#5affcc rgb(90,255,204)
```
#5affda
```
#5affda rgb(90,255,218)
```
#5affe8
```
#5affe8 rgb(90,255,232)
```
#5afff5
```
#5afff5 rgb(90,255,245)
```

Similar Colors

Text with hexadecimal color #5affcc

This text has a font color of #5affcc.

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

#5affcc background color

This paragraph has a background color of #5affcc.

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

#5affcc border color

This element has a border color of #5affcc.

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

CSS codes

.text {color:#5affcc;}

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

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

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

#000c08
```
#000c08 rgb(0,12,8)
```
#001f16
```
#001f16 rgb(0,31,22)
```
#003323
```
#003323 rgb(0,51,35)
```
#004631
```
#004631 rgb(0,70,49)
```
#005a3e
```
#005a3e rgb(0,90,62)
```
#006e4c
```
#006e4c rgb(0,110,76)
```
#008159
```
#008159 rgb(0,129,89)
```
#009567
```
#009567 rgb(0,149,103)
```
#00a874
```
#00a874 rgb(0,168,116)
```
#00bc82
```
#00bc82 rgb(0,188,130)
```
#00d08f
```
#00d08f rgb(0,208,143)
```
#00e39d
```
#00e39d rgb(0,227,157)
```
#00f7ab
```
#00f7ab rgb(0,247,171)
```

Shade Color Variation

#0cffb4
```
#0cffb4 rgb(12,255,180)
```
#1fffba
```
#1fffba rgb(31,255,186)
```
#33ffc0
```
#33ffc0 rgb(51,255,192)
```
#46ffc6
```
#46ffc6 rgb(70,255,198)
```
#5affcc
```
#5affcc rgb(90,255,204)
```
#6effd2
```
#6effd2 rgb(110,255,210)
```
#81ffd8
```
#81ffd8 rgb(129,255,216)
```
#95ffde
```
#95ffde rgb(149,255,222)
```
#a8ffe4
```
#a8ffe4 rgb(168,255,228)
```
#bcffea
```
#bcffea rgb(188,255,234)
```
#d0fff0
```
#d0fff0 rgb(208,255,240)
```
#e3fff6
```
#e3fff6 rgb(227,255,246)
```
#f7fffd
```
#f7fffd rgb(247,255,253)
```

Tint Color Variation

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

#a6b3af
```
#a6b3af rgb(166,179,175)
```
#a0b9b1
```
#a0b9b1 rgb(160,185,177)
```
#99c0b4
```
#99c0b4 rgb(153,192,180)
```
#93c6b6
```
#93c6b6 rgb(147,198,182)
```
#8dccb9
```
#8dccb9 rgb(141,204,185)
```
#86d3bb
```
#86d3bb rgb(134,211,187)
```
#80d9bd
```
#80d9bd rgb(128,217,189)
```
#7adfc0
```
#7adfc0 rgb(122,223,192)
```
#73e6c2
```
#73e6c2 rgb(115,230,194)
```
#6decc5
```
#6decc5 rgb(109,236,197)
```
#67f2c7
```
#67f2c7 rgb(103,242,199)
```
#60f9ca
```
#60f9ca rgb(96,249,202)
```
#5affcc
```
#5affcc rgb(90,255,204)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#b2d3c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e5c2 Protanopia 1% of men
#ffdeda Deuteranopia 1% of men
#a8f1ff Tritanopia 0.001% of the population

Trichromacy

#baeec6 Protanomaly 1% of men, 0.01% of women
#c3ead5 Deuteranomaly 6% of men, 0.4% of women
#8bf6ec Tritanomaly 0.01% of the population

#5affcc hex color

#5affcc Color Information

#5affcc Color Conversion

Color Schemes with #5affcc

Alternatives to #5affcc

#5affcc Preview

Shades and Tints of #5affcc

Tones of #5affcc

Color Blindness Simulator