#5aafaf hex color

In a RGB color space, hex #5aafaf is composed of 35.3% red, 68.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 0% magenta, 0% yellow and 31.4% black. It has a hue angle of 180 degrees, a saturation of 34.7% and a lightness of 52%. #5aafaf color hex could be obtained by blending #b4ffff with #005f5f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 69
- B 69
RGB color chart
- C 49
- M 0
- Y 0
- K 31
CMYK color chart

● #5aafaf color description : Dark moderate cyan.

The hexadecimal color #5aafaf has RGB values of R:90, G:175, B:175 and CMYK values of C:0.49, M:0, Y:0, K:0.31. Its decimal value is 5943215.

Hex triplet	5aafaf	`#5aafaf`
RGB Decimal	90, 175, 175	`rgb(90,175,175)`
RGB Percent	35.3, 68.6, 68.6	`rgb(35.3%,68.6%,68.6%)`
CMYK	49, 0, 0, 31
HSL	180°, 34.7, 52	`hsl(180,34.7%,52%)`
HSV (or HSB)	180°, 48.6, 68.6
Web Safe	669999	`#669999`

CIE-LAB	66.464, -25.624, -7.948
XYZ	27.282, 35.927, 46.052
xyY	0.25, 0.329, 35.927
CIE-LCH	66.464, 26.828, 197.233
CIE-LUV	66.464, -37.07, -8.006
Hunter-Lab	59.939, -23.647, -3.596
Binary	01011010, 10101111, 10101111

#5aafaf
```
#5aafaf rgb(90,175,175)
```
#af5a5a
```
#af5a5a rgb(175,90,90)
```

Complementary Color

#5aaf85
```
#5aaf85 rgb(90,175,133)
```
#5aafaf
```
#5aafaf rgb(90,175,175)
```
#5a85af
```
#5a85af rgb(90,133,175)
```

Analogous Color

#af855a
```
#af855a rgb(175,133,90)
```
#5aafaf
```
#5aafaf rgb(90,175,175)
```
#af5a85
```
#af5a85 rgb(175,90,133)
```

Split Complementary Color

#afaf5a
```
#afaf5a rgb(175,175,90)
```
#5aafaf
```
#5aafaf rgb(90,175,175)
```
#af5aaf
```
#af5aaf rgb(175,90,175)
```

Triadic Color

#5aaf5a
```
#5aaf5a rgb(90,175,90)
```
#5aafaf
```
#5aafaf rgb(90,175,175)
```
#af5aaf
```
#af5aaf rgb(175,90,175)
```
#af5a5a
```
#af5a5a rgb(175,90,90)
```

Tetradic Color

#3e7f7f
```
#3e7f7f rgb(62,127,127)
```
#469090
```
#469090 rgb(70,144,144)
```
#4ea1a1
```
#4ea1a1 rgb(78,161,161)
```
#5aafaf
```
#5aafaf rgb(90,175,175)
```
#6bb7b7
```
#6bb7b7 rgb(107,183,183)
```
#7cc0c0
```
#7cc0c0 rgb(124,192,192)
```
#8ec8c8
```
#8ec8c8 rgb(142,200,200)
```

Monochromatic Color

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

#5aaf9a
```
#5aaf9a rgb(90,175,154)
```
#5aafa1
```
#5aafa1 rgb(90,175,161)
```
#5aafa8
```
#5aafa8 rgb(90,175,168)
```
#5aafaf
```
#5aafaf rgb(90,175,175)
```
#5aa8af
```
#5aa8af rgb(90,168,175)
```
#5aa1af
```
#5aa1af rgb(90,161,175)
```
#5a9aaf
```
#5a9aaf rgb(90,154,175)
```

Similar Colors

Text with hexadecimal color #5aafaf

This text has a font color of #5aafaf.

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

#5aafaf background color

This paragraph has a background color of #5aafaf.

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

#5aafaf border color

This element has a border color of #5aafaf.

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

CSS codes

.text {color:#5aafaf;}

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

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

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, #030707 is the darkest color, while #f9fcfc is the lightest one.

#030707
```
#030707 rgb(3,7,7)
```
#0a1414
```
#0a1414 rgb(10,20,20)
```
#102121
```
#102121 rgb(16,33,33)
```
#162e2e
```
#162e2e rgb(22,46,46)
```
#1d3c3c
```
#1d3c3c rgb(29,60,60)
```
#234949
```
#234949 rgb(35,73,73)
```
#2a5656
```
#2a5656 rgb(42,86,86)
```
#306363
```
#306363 rgb(48,99,99)
```
#377070
```
#377070 rgb(55,112,112)
```
#3d7e7e
```
#3d7e7e rgb(61,126,126)
```
#438b8b
```
#438b8b rgb(67,139,139)
```
#4a9898
```
#4a9898 rgb(74,152,152)
```
#50a5a5
```
#50a5a5 rgb(80,165,165)
```

Shade Color Variation

#5aafaf
```
#5aafaf rgb(90,175,175)
```
#67b5b5
```
#67b5b5 rgb(103,181,181)
```
#74bcbc
```
#74bcbc rgb(116,188,188)
```
#82c2c2
```
#82c2c2 rgb(130,194,194)
```
#8fc9c9
```
#8fc9c9 rgb(143,201,201)
```
#9ccfcf
```
#9ccfcf rgb(156,207,207)
```
#a9d5d5
```
#a9d5d5 rgb(169,213,213)
```
#b6dcdc
```
#b6dcdc rgb(182,220,220)
```
#c4e2e2
```
#c4e2e2 rgb(196,226,226)
```
#d1e9e9
```
#d1e9e9 rgb(209,233,233)
```
#deefef
```
#deefef rgb(222,239,239)
```
#ebf5f5
```
#ebf5f5 rgb(235,245,245)
```
#f9fcfc
```
#f9fcfc rgb(249,252,252)
```

Tint Color Variation

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

#808989
```
#808989 rgb(128,137,137)
```
#769393
```
#769393 rgb(118,147,147)
```
#6d9c9c
```
#6d9c9c rgb(109,156,156)
```
#63a6a6
```
#63a6a6 rgb(99,166,166)
```
#5aafaf
```
#5aafaf rgb(90,175,175)
```
#51b8b8
```
#51b8b8 rgb(81,184,184)
```
#47c2c2
```
#47c2c2 rgb(71,194,194)
```
#3ecbcb
```
#3ecbcb rgb(62,203,203)
```
#34d5d5
```
#34d5d5 rgb(52,213,213)
```
#2bdede
```
#2bdede rgb(43,222,222)
```
#21e8e8
```
#21e8e8 rgb(33,232,232)
```
#18f1f1
```
#18f1f1 rgb(24,241,241)
```
#0ffafa
```
#0ffafa rgb(15,250,250)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#8a9b9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a5ab Protanopia 1% of men
#aca2b9 Deuteranopia 1% of men
#67b1be Tritanopia 0.001% of the population

Trichromacy

#8ba8ac Protanomaly 1% of men, 0.01% of women
#8ea7b5 Deuteranomaly 6% of men, 0.4% of women
#62b0b8 Tritanomaly 0.01% of the population

#5aafaf hex color

#5aafaf Color Information

#5aafaf Color Conversion

Color Schemes with #5aafaf

Alternatives to #5aafaf

#5aafaf Preview

Shades and Tints of #5aafaf

Tones of #5aafaf

Color Blindness Simulator