#5d9fbd hex color

In a RGB color space, hex #5d9fbd is composed of 36.5% red, 62.4% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 15.9% magenta, 0% yellow and 25.9% black. It has a hue angle of 198.8 degrees, a saturation of 42.1% and a lightness of 55.3%. #5d9fbd color hex could be obtained by blending #baffff with #003f7b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 62
- B 74
RGB color chart
- C 51
- M 16
- Y 0
- K 26
CMYK color chart

● #5d9fbd color description : Moderate blue.

The hexadecimal color #5d9fbd has RGB values of R:93, G:159, B:189 and CMYK values of C:0.51, M:0.16, Y:0, K:0.26. Its decimal value is 6135741.

Hex triplet	5d9fbd	`#5d9fbd`
RGB Decimal	93, 159, 189	`rgb(93,159,189)`
RGB Percent	36.5, 62.4, 74.1	`rgb(36.5%,62.4%,74.1%)`
CMYK	51, 16, 0, 26
HSL	198.8°, 42.1, 55.3	`hsl(198.8,42.1%,55.3%)`
HSV (or HSB)	198.8°, 50.8, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.335, -12.68, -21.979
XYZ	26.095, 30.796, 52.71
xyY	0.238, 0.281, 30.796
CIE-LCH	62.335, 25.374, 240.019
CIE-LUV	62.335, -29.416, -31.928
Hunter-Lab	55.494, -13.178, -17.47
Binary	01011101, 10011111, 10111101

#5d9fbd
```
#5d9fbd rgb(93,159,189)
```
#bd7b5d
```
#bd7b5d rgb(189,123,93)
```

Complementary Color

#5dbdab
```
#5dbdab rgb(93,189,171)
```
#5d9fbd
```
#5d9fbd rgb(93,159,189)
```
#5d6fbd
```
#5d6fbd rgb(93,111,189)
```

Analogous Color

#bdab5d
```
#bdab5d rgb(189,171,93)
```
#5d9fbd
```
#5d9fbd rgb(93,159,189)
```
#bd5d6f
```
#bd5d6f rgb(189,93,111)
```

Split Complementary Color

#9fbd5d
```
#9fbd5d rgb(159,189,93)
```
#5d9fbd
```
#5d9fbd rgb(93,159,189)
```
#bd5d9f
```
#bd5d9f rgb(189,93,159)
```

Triadic Color

#5dbd7b
```
#5dbd7b rgb(93,189,123)
```
#5d9fbd
```
#5d9fbd rgb(93,159,189)
```
#bd5d9f
```
#bd5d9f rgb(189,93,159)
```
#bd7b5d
```
#bd7b5d rgb(189,123,93)
```

Tetradic Color

#3b7792
```
#3b7792 rgb(59,119,146)
```
#4386a4
```
#4386a4 rgb(67,134,164)
```
#4b94b6
```
#4b94b6 rgb(75,148,182)
```
#5d9fbd
```
#5d9fbd rgb(93,159,189)
```
#6faac4
```
#6faac4 rgb(111,170,196)
```
#81b4cc
```
#81b4cc rgb(129,180,204)
```
#93bfd3
```
#93bfd3 rgb(147,191,211)
```

Monochromatic Color

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

#5db7bd
```
#5db7bd rgb(93,183,189)
```
#5dafbd
```
#5dafbd rgb(93,175,189)
```
#5da7bd
```
#5da7bd rgb(93,167,189)
```
#5d9fbd
```
#5d9fbd rgb(93,159,189)
```
#5d97bd
```
#5d97bd rgb(93,151,189)
```
#5d8fbd
```
#5d8fbd rgb(93,143,189)
```
#5d87bd
```
#5d87bd rgb(93,135,189)
```

Similar Colors

Text with hexadecimal color #5d9fbd

This text has a font color of #5d9fbd.

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

#5d9fbd background color

This paragraph has a background color of #5d9fbd.

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

#5d9fbd border color

This element has a border color of #5d9fbd.

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

CSS codes

.text {color:#5d9fbd;}

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

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

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

#020405
```
#020405 rgb(2,4,5)
```
#081013
```
#081013 rgb(8,16,19)
```
#0d1b21
```
#0d1b21 rgb(13,27,33)
```
#13262f
```
#13262f rgb(19,38,47)
```
#19323d
```
#19323d rgb(25,50,61)
```
#1f3d4b
```
#1f3d4b rgb(31,61,75)
```
#244859
```
#244859 rgb(36,72,89)
```
#2a5467
```
#2a5467 rgb(42,84,103)
```
#305f75
```
#305f75 rgb(48,95,117)
```
#356a83
```
#356a83 rgb(53,106,131)
```
#3b7691
```
#3b7691 rgb(59,118,145)
```
#41819f
```
#41819f rgb(65,129,159)
```
#468dac
```
#468dac rgb(70,141,172)
```

Shade Color Variation

#4f97b7
```
#4f97b7 rgb(79,151,183)
```
#5d9fbd
```
#5d9fbd rgb(93,159,189)
```
#6ba7c3
```
#6ba7c3 rgb(107,167,195)
```
#79b0c8
```
#79b0c8 rgb(121,176,200)
```
#87b8ce
```
#87b8ce rgb(135,184,206)
```
#95c0d4
```
#95c0d4 rgb(149,192,212)
```
#a3c8d9
```
#a3c8d9 rgb(163,200,217)
```
#b1d1df
```
#b1d1df rgb(177,209,223)
```
#bfd9e5
```
#bfd9e5 rgb(191,217,229)
```
#cce1ea
```
#cce1ea rgb(204,225,234)
```
#dae9f0
```
#dae9f0 rgb(218,233,240)
```
#e8f2f6
```
#e8f2f6 rgb(232,242,246)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898f91 is the less saturated color, while #20b6fa is the most saturated one.

#898f91
```
#898f91 rgb(137,143,145)
```
#80929a
```
#80929a rgb(128,146,154)
```
#7795a3
```
#7795a3 rgb(119,149,163)
```
#6f98ab
```
#6f98ab rgb(111,152,171)
```
#669cb4
```
#669cb4 rgb(102,156,180)
```
#5d9fbd
```
#5d9fbd rgb(93,159,189)
```
#54a2c6
```
#54a2c6 rgb(84,162,198)
```
#4ba6cf
```
#4ba6cf rgb(75,166,207)
```
#43a9d7
```
#43a9d7 rgb(67,169,215)
```
#3aace0
```
#3aace0 rgb(58,172,224)
```
#31afe9
```
#31afe9 rgb(49,175,233)
```
#28b3f2
```
#28b3f2 rgb(40,179,242)
```
#20b6fa
```
#20b6fa rgb(32,182,250)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#859298 Atypical Achromatopsia 0.001% of the population

Dichromacy

#949aba Protanopia 1% of men
#9399c4 Deuteranopia 1% of men
#5fa6b2 Tritanopia 0.001% of the population

Trichromacy

#809cbb Protanomaly 1% of men, 0.01% of women
#7f9bc1 Deuteranomaly 6% of men, 0.4% of women
#5ea3b6 Tritanomaly 0.01% of the population

#5d9fbd hex color

#5d9fbd Color Information

#5d9fbd Color Conversion

Color Schemes with #5d9fbd

Alternatives to #5d9fbd

#5d9fbd Preview

Shades and Tints of #5d9fbd

Tones of #5d9fbd

Color Blindness Simulator