#5d8bb0 hex color

In a RGB color space, hex #5d8bb0 is composed of 36.5% red, 54.5% green and 69% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 21% magenta, 0% yellow and 31% black. It has a hue angle of 206.7 degrees, a saturation of 34.4% and a lightness of 52.7%. #5d8bb0 color hex could be obtained by blending #baffff with #001761. Closest websafe color is: #669999.

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

● #5d8bb0 color description : Dark moderate blue.

The hexadecimal color #5d8bb0 has RGB values of R:93, G:139, B:176 and CMYK values of C:0.47, M:0.21, Y:0, K:0.31. Its decimal value is 6130608.

Hex triplet	5d8bb0	`#5d8bb0`
RGB Decimal	93, 139, 176	`rgb(93,139,176)`
RGB Percent	36.5, 54.5, 69	`rgb(36.5%,54.5%,69%)`
CMYK	47, 21, 0, 31
HSL	206.7°, 34.4, 52.7	`hsl(206.7,34.4%,52.7%)`
HSV (or HSB)	206.7°, 47.2, 69
Web Safe	669999	`#669999`

CIE-LAB	56.014, -5.367, -24.319
XYZ	21.581, 23.926, 44.553
xyY	0.24, 0.266, 23.926
CIE-LCH	56.014, 24.904, 257.554
CIE-LUV	56.014, -21.796, -36.048
Hunter-Lab	48.914, -6.843, -19.764
Binary	01011101, 10001011, 10110000

#5d8bb0
```
#5d8bb0 rgb(93,139,176)
```
#b0825d
```
#b0825d rgb(176,130,93)
```

Complementary Color

#5db0ac
```
#5db0ac rgb(93,176,172)
```
#5d8bb0
```
#5d8bb0 rgb(93,139,176)
```
#5d62b0
```
#5d62b0 rgb(93,98,176)
```

Analogous Color

#b0ac5d
```
#b0ac5d rgb(176,172,93)
```
#5d8bb0
```
#5d8bb0 rgb(93,139,176)
```
#b05d62
```
#b05d62 rgb(176,93,98)
```

Split Complementary Color

#8bb05d
```
#8bb05d rgb(139,176,93)
```
#5d8bb0
```
#5d8bb0 rgb(93,139,176)
```
#b05d8b
```
#b05d8b rgb(176,93,139)
```

Triadic Color

#5db082
```
#5db082 rgb(93,176,130)
```
#5d8bb0
```
#5d8bb0 rgb(93,139,176)
```
#b05d8b
```
#b05d8b rgb(176,93,139)
```
#b0825d
```
#b0825d rgb(176,130,93)
```

Tetradic Color

#3f6481
```
#3f6481 rgb(63,100,129)
```
#477193
```
#477193 rgb(71,113,147)
```
#507ea4
```
#507ea4 rgb(80,126,164)
```
#5d8bb0
```
#5d8bb0 rgb(93,139,176)
```
#6e97b8
```
#6e97b8 rgb(110,151,184)
```
#7fa4c1
```
#7fa4c1 rgb(127,164,193)
```
#90b0c9
```
#90b0c9 rgb(144,176,201)
```

Monochromatic Color

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

#5da0b0
```
#5da0b0 rgb(93,160,176)
```
#5d99b0
```
#5d99b0 rgb(93,153,176)
```
#5d92b0
```
#5d92b0 rgb(93,146,176)
```
#5d8bb0
```
#5d8bb0 rgb(93,139,176)
```
#5d84b0
```
#5d84b0 rgb(93,132,176)
```
#5d7db0
```
#5d7db0 rgb(93,125,176)
```
#5d76b0
```
#5d76b0 rgb(93,118,176)
```

Similar Colors

Text with hexadecimal color #5d8bb0

This text has a font color of #5d8bb0.

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

#5d8bb0 background color

This paragraph has a background color of #5d8bb0.

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

#5d8bb0 border color

This element has a border color of #5d8bb0.

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

CSS codes

.text {color:#5d8bb0;}

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

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

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

#050709
```
#050709 rgb(5,7,9)
```
#0b1117
```
#0b1117 rgb(11,17,23)
```
#111c24
```
#111c24 rgb(17,28,36)
```
#182631
```
#182631 rgb(24,38,49)
```
#1e303e
```
#1e303e rgb(30,48,62)
```
#253a4b
```
#253a4b rgb(37,58,75)
```
#2b4459
```
#2b4459 rgb(43,68,89)
```
#324e66
```
#324e66 rgb(50,78,102)
```
#385973
```
#385973 rgb(56,89,115)
```
#3e6380
```
#3e6380 rgb(62,99,128)
```
#456d8d
```
#456d8d rgb(69,109,141)
```
#4b779a
```
#4b779a rgb(75,119,154)
```
#5281a8
```
#5281a8 rgb(82,129,168)
```

Shade Color Variation

#5d8bb0
```
#5d8bb0 rgb(93,139,176)
```
#6a94b6
```
#6a94b6 rgb(106,148,182)
```
#779ebd
```
#779ebd rgb(119,158,189)
```
#85a7c3
```
#85a7c3 rgb(133,167,195)
```
#92b1ca
```
#92b1ca rgb(146,177,202)
```
#9fbad0
```
#9fbad0 rgb(159,186,208)
```
#acc4d7
```
#acc4d7 rgb(172,196,215)
```
#b9cddd
```
#b9cddd rgb(185,205,221)
```
#c6d7e3
```
#c6d7e3 rgb(198,215,227)
```
#d4e0ea
```
#d4e0ea rgb(212,224,234)
```
#e1e9f0
```
#e1e9f0 rgb(225,233,240)
```
#eef3f7
```
#eef3f7 rgb(238,243,247)
```
#fbfcfd
```
#fbfcfd rgb(251,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82878b is the less saturated color, while #1393fa is the most saturated one.

#82878b
```
#82878b rgb(130,135,139)
```
#798894
```
#798894 rgb(121,136,148)
```
#70899d
```
#70899d rgb(112,137,157)
```
#668aa7
```
#668aa7 rgb(102,138,167)
```
#5d8bb0
```
#5d8bb0 rgb(93,139,176)
```
#548cb9
```
#548cb9 rgb(84,140,185)
```
#4a8dc3
```
#4a8dc3 rgb(74,141,195)
```
#418ecc
```
#418ecc rgb(65,142,204)
```
#388fd5
```
#388fd5 rgb(56,143,213)
```
#2f90de
```
#2f90de rgb(47,144,222)
```
#2591e8
```
#2591e8 rgb(37,145,232)
```
#1c92f1
```
#1c92f1 rgb(28,146,241)
```
#1393fa
```
#1393fa rgb(19,147,250)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#7a838a Atypical Achromatopsia 0.001% of the population

Dichromacy

#828bb0 Protanopia 1% of men
#808ab6 Deuteranopia 1% of men
#5d949f Tritanopia 0.001% of the population

Trichromacy

#748bb0 Protanomaly 1% of men, 0.01% of women
#738ab4 Deuteranomaly 6% of men, 0.4% of women
#5d91a5 Tritanomaly 0.01% of the population

#5d8bb0 hex color

#5d8bb0 Color Information

#5d8bb0 Color Conversion

Color Schemes with #5d8bb0

Alternatives to #5d8bb0

#5d8bb0 Preview

Shades and Tints of #5d8bb0

Tones of #5d8bb0

Color Blindness Simulator