#5affec hex color

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

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

● #5affec color description : Light cyan.

The hexadecimal color #5affec has RGB values of R:90, G:255, B:236 and CMYK values of C:0.65, M:0, Y:0.07, K:0. Its decimal value is 5963756.

Hex triplet	5affec	`#5affec`
RGB Decimal	90, 255, 236	`rgb(90,255,236)`
RGB Percent	35.3, 100, 92.5	`rgb(35.3%,100%,92.5%)`
CMYK	65, 0, 7, 0
HSL	173.1°, 100, 67.6	`hsl(173.1,100%,67.6%)`
HSV (or HSB)	173.1°, 64.7, 100
Web Safe	66ffff	`#66ffff`

CIE-LAB	91.57, -46.726, -3.502
XYZ	55.112, 79.745, 91.84
xyY	0.243, 0.352, 79.745
CIE-LCH	91.57, 46.857, 184.286
CIE-LUV	91.57, -63.634, 2.063
Hunter-Lab	89.3, -46.113, 1.534
Binary	01011010, 11111111, 11101100

#5affec
```
#5affec rgb(90,255,236)
```
#ff5a6d
```
#ff5a6d rgb(255,90,109)
```

Complementary Color

#5aff9a
```
#5aff9a rgb(90,255,154)
```
#5affec
```
#5affec rgb(90,255,236)
```
#5ac0ff
```
#5ac0ff rgb(90,192,255)
```

Analogous Color

#ff9a5a
```
#ff9a5a rgb(255,154,90)
```
#5affec
```
#5affec rgb(90,255,236)
```
#ff5ac0
```
#ff5ac0 rgb(255,90,192)
```

Split Complementary Color

#ffec5a
```
#ffec5a rgb(255,236,90)
```
#5affec
```
#5affec rgb(90,255,236)
```
#ec5aff
```
#ec5aff rgb(236,90,255)
```

Triadic Color

#6dff5a
```
#6dff5a rgb(109,255,90)
```
#5affec
```
#5affec rgb(90,255,236)
```
#ec5aff
```
#ec5aff rgb(236,90,255)
```
#ff5a6d
```
#ff5a6d rgb(255,90,109)
```

Tetradic Color

#0effe3
```
#0effe3 rgb(14,255,227)
```
#27ffe6
```
#27ffe6 rgb(39,255,230)
```
#41ffe9
```
#41ffe9 rgb(65,255,233)
```
#5affec
```
#5affec rgb(90,255,236)
```
#74ffef
```
#74ffef rgb(116,255,239)
```
#8dfff2
```
#8dfff2 rgb(141,255,242)
```
#a7fff5
```
#a7fff5 rgb(167,255,245)
```

Monochromatic Color

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

#5affc3
```
#5affc3 rgb(90,255,195)
```
#5affd1
```
#5affd1 rgb(90,255,209)
```
#5affde
```
#5affde rgb(90,255,222)
```
#5affec
```
#5affec rgb(90,255,236)
```
#5afffa
```
#5afffa rgb(90,255,250)
```
#5af7ff
```
#5af7ff rgb(90,247,255)
```
#5ae9ff
```
#5ae9ff rgb(90,233,255)
```

Similar Colors

Text with hexadecimal color #5affec

This text has a font color of #5affec.

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

#5affec background color

This paragraph has a background color of #5affec.

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

#5affec border color

This element has a border color of #5affec.

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

CSS codes

.text {color:#5affec;}

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

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

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

#000c0a
```
#000c0a rgb(0,12,10)
```
#001f1c
```
#001f1c rgb(0,31,28)
```
#00332d
```
#00332d rgb(0,51,45)
```
#00463e
```
#00463e rgb(0,70,62)
```
#005a50
```
#005a50 rgb(0,90,80)
```
#006e61
```
#006e61 rgb(0,110,97)
```
#008172
```
#008172 rgb(0,129,114)
```
#009584
```
#009584 rgb(0,149,132)
```
#00a895
```
#00a895 rgb(0,168,149)
```
#00bca6
```
#00bca6 rgb(0,188,166)
```
#00d0b8
```
#00d0b8 rgb(0,208,184)
```
#00e3c9
```
#00e3c9 rgb(0,227,201)
```
#00f7da
```
#00f7da rgb(0,247,218)
```

Shade Color Variation

#0cffe3
```
#0cffe3 rgb(12,255,227)
```
#1fffe5
```
#1fffe5 rgb(31,255,229)
```
#33ffe7
```
#33ffe7 rgb(51,255,231)
```
#46ffea
```
#46ffea rgb(70,255,234)
```
#5affec
```
#5affec rgb(90,255,236)
```
#6effee
```
#6effee rgb(110,255,238)
```
#81fff1
```
#81fff1 rgb(129,255,241)
```
#95fff3
```
#95fff3 rgb(149,255,243)
```
#a8fff5
```
#a8fff5 rgb(168,255,245)
```
#bcfff7
```
#bcfff7 rgb(188,255,247)
```
#d0fffa
```
#d0fffa rgb(208,255,250)
```
#e3fffc
```
#e3fffc rgb(227,255,252)
```
#f7fffe
```
#f7fffe rgb(247,255,254)
```

Tint Color Variation

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

#a6b3b1
```
#a6b3b1 rgb(166,179,177)
```
#a0b9b6
```
#a0b9b6 rgb(160,185,182)
```
#99c0bb
```
#99c0bb rgb(153,192,187)
```
#93c6c0
```
#93c6c0 rgb(147,198,192)
```
#8dccc5
```
#8dccc5 rgb(141,204,197)
```
#86d3ca
```
#86d3ca rgb(134,211,202)
```
#80d9cf
```
#80d9cf rgb(128,217,207)
```
#7adfd4
```
#7adfd4 rgb(122,223,212)
```
#73e6d8
```
#73e6d8 rgb(115,230,216)
```
#6decdd
```
#6decdd rgb(109,236,221)
```
#67f2e2
```
#67f2e2 rgb(103,242,226)
```
#60f9e7
```
#60f9e7 rgb(96,249,231)
```
#5affec
```
#5affec rgb(90,255,236)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#b4d5d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ede7e0 Protanopia 1% of men
#f6e1f7 Deuteranopia 1% of men
#aff3ff Tritanopia 0.001% of the population

Trichromacy

#b8efe4 Protanomaly 1% of men, 0.01% of women
#bdecf3 Deuteranomaly 6% of men, 0.4% of women
#90f7f8 Tritanomaly 0.01% of the population

#5affec hex color

#5affec Color Information

#5affec Color Conversion

Color Schemes with #5affec

Alternatives to #5affec

#5affec Preview

Shades and Tints of #5affec

Tones of #5affec

Color Blindness Simulator