#5d9aaf hex color

In a RGB color space, hex #5d9aaf is composed of 36.5% red, 60.4% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 46.9% cyan, 12% magenta, 0% yellow and 31.4% black. It has a hue angle of 195.4 degrees, a saturation of 33.9% and a lightness of 52.5%. #5d9aaf color hex could be obtained by blending #baffff with #00355f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 60
- B 69
RGB color chart
- C 47
- M 12
- Y 0
- K 31
CMYK color chart

● #5d9aaf color description : Dark moderate blue.

The hexadecimal color #5d9aaf has RGB values of R:93, G:154, B:175 and CMYK values of C:0.47, M:0.12, Y:0, K:0.31. Its decimal value is 6134447.

Hex triplet	5d9aaf	`#5d9aaf`
RGB Decimal	93, 154, 175	`rgb(93,154,175)`
RGB Percent	36.5, 60.4, 68.6	`rgb(36.5%,60.4%,68.6%)`
CMYK	47, 12, 0, 31
HSL	195.4°, 33.9, 52.5	`hsl(195.4,33.9%,52.5%)`
HSV (or HSB)	195.4°, 46.9, 68.6
Web Safe	669999	`#669999`

CIE-LAB	60.366, -13.992, -17.097
XYZ	23.806, 28.532, 44.808
xyY	0.245, 0.294, 28.532
CIE-LCH	60.366, 22.092, 230.704
CIE-LUV	60.366, -27.782, -23.769
Hunter-Lab	53.415, -13.925, -12.345
Binary	01011101, 10011010, 10101111

#5d9aaf
```
#5d9aaf rgb(93,154,175)
```
#af725d
```
#af725d rgb(175,114,93)
```

Complementary Color

#5daf9b
```
#5daf9b rgb(93,175,155)
```
#5d9aaf
```
#5d9aaf rgb(93,154,175)
```
#5d71af
```
#5d71af rgb(93,113,175)
```

Analogous Color

#af9b5d
```
#af9b5d rgb(175,155,93)
```
#5d9aaf
```
#5d9aaf rgb(93,154,175)
```
#af5d71
```
#af5d71 rgb(175,93,113)
```

Split Complementary Color

#9aaf5d
```
#9aaf5d rgb(154,175,93)
```
#5d9aaf
```
#5d9aaf rgb(93,154,175)
```
#af5d9a
```
#af5d9a rgb(175,93,154)
```

Triadic Color

#5daf72
```
#5daf72 rgb(93,175,114)
```
#5d9aaf
```
#5d9aaf rgb(93,154,175)
```
#af5d9a
```
#af5d9a rgb(175,93,154)
```
#af725d
```
#af725d rgb(175,114,93)
```

Tetradic Color

#3f7080
```
#3f7080 rgb(63,112,128)
```
#487e91
```
#487e91 rgb(72,126,145)
```
#508da2
```
#508da2 rgb(80,141,162)
```
#5d9aaf
```
#5d9aaf rgb(93,154,175)
```
#6ea5b7
```
#6ea5b7 rgb(110,165,183)
```
#7fafc0
```
#7fafc0 rgb(127,175,192)
```
#90bac8
```
#90bac8 rgb(144,186,200)
```

Monochromatic Color

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

#5dafaf
```
#5dafaf rgb(93,175,175)
```
#5da8af
```
#5da8af rgb(93,168,175)
```
#5da1af
```
#5da1af rgb(93,161,175)
```
#5d9aaf
```
#5d9aaf rgb(93,154,175)
```
#5d93af
```
#5d93af rgb(93,147,175)
```
#5d8caf
```
#5d8caf rgb(93,140,175)
```
#5d86af
```
#5d86af rgb(93,134,175)
```

Similar Colors

Text with hexadecimal color #5d9aaf

This text has a font color of #5d9aaf.

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

#5d9aaf background color

This paragraph has a background color of #5d9aaf.

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

#5d9aaf border color

This element has a border color of #5d9aaf.

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

CSS codes

.text {color:#5d9aaf;}

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

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

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

#040809
```
#040809 rgb(4,8,9)
```
#0b1316
```
#0b1316 rgb(11,19,22)
```
#111e23
```
#111e23 rgb(17,30,35)
```
#182a30
```
#182a30 rgb(24,42,48)
```
#1e353d
```
#1e353d rgb(30,53,61)
```
#25414a
```
#25414a rgb(37,65,74)
```
#2b4c57
```
#2b4c57 rgb(43,76,87)
```
#325865
```
#325865 rgb(50,88,101)
```
#386372
```
#386372 rgb(56,99,114)
```
#3f6e7f
```
#3f6e7f rgb(63,110,127)
```
#457a8c
```
#457a8c rgb(69,122,140)
```
#4c8599
```
#4c8599 rgb(76,133,153)
```
#5291a6
```
#5291a6 rgb(82,145,166)
```

Shade Color Variation

#5d9aaf
```
#5d9aaf rgb(93,154,175)
```
#6aa2b5
```
#6aa2b5 rgb(106,162,181)
```
#77aabc
```
#77aabc rgb(119,170,188)
```
#84b3c2
```
#84b3c2 rgb(132,179,194)
```
#92bbc9
```
#92bbc9 rgb(146,187,201)
```
#9fc3cf
```
#9fc3cf rgb(159,195,207)
```
#accbd6
```
#accbd6 rgb(172,203,214)
```
#b9d3dc
```
#b9d3dc rgb(185,211,220)
```
#c6dbe3
```
#c6dbe3 rgb(198,219,227)
```
#d3e4e9
```
#d3e4e9 rgb(211,228,233)
```
#e0ecf0
```
#e0ecf0 rgb(224,236,240)
```
#edf4f6
```
#edf4f6 rgb(237,244,246)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82888a is the less saturated color, while #13bef9 is the most saturated one.

#82888a
```
#82888a rgb(130,136,138)
```
#798c93
```
#798c93 rgb(121,140,147)
```
#70919c
```
#70919c rgb(112,145,156)
```
#6695a6
```
#6695a6 rgb(102,149,166)
```
#5d9aaf
```
#5d9aaf rgb(93,154,175)
```
#549fb8
```
#549fb8 rgb(84,159,184)
```
#4aa3c2
```
#4aa3c2 rgb(74,163,194)
```
#41a8cb
```
#41a8cb rgb(65,168,203)
```
#38acd4
```
#38acd4 rgb(56,172,212)
```
#2eb1de
```
#2eb1de rgb(46,177,222)
```
#25b5e7
```
#25b5e7 rgb(37,181,231)
```
#1cbaf0
```
#1cbaf0 rgb(28,186,240)
```
#13bef9
```
#13bef9 rgb(19,190,249)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#818d91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9296ad Protanopia 1% of men
#9494b7 Deuteranopia 1% of men
#62a0ac Tritanopia 0.001% of the population

Trichromacy

#7f97ae Protanomaly 1% of men, 0.01% of women
#8096b4 Deuteranomaly 6% of men, 0.4% of women
#609ead Tritanomaly 0.01% of the population

#5d9aaf hex color

#5d9aaf Color Information

#5d9aaf Color Conversion

Color Schemes with #5d9aaf

Alternatives to #5d9aaf

#5d9aaf Preview

Shades and Tints of #5d9aaf

Tones of #5d9aaf

Color Blindness Simulator