colorhexa.com

#5b9fdd hex color

In a RGB color space, hex #5b9fdd is composed of 35.7% red, 62.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 28.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 208.6 degrees, a saturation of 65.7% and a lightness of 61.2%. #5b9fdd color hex could be obtained by blending #b6ffff with #003fbb. Closest websafe color is: #6699cc.

- R 36
- G 62
- B 87
RGB color chart
- C 59
- M 28
- Y 0
- K 13
CMYK color chart

● #5b9fdd color description : Soft blue.

The hexadecimal color #5b9fdd has RGB values of R:91, G:159, B:221 and CMYK values of C:0.59, M:0.28, Y:0, K:0.13. Its decimal value is 6004701.

Hex triplet	5b9fdd	`#5b9fdd`
RGB Decimal	91, 159, 221	`rgb(91,159,221)`
RGB Percent	35.7, 62.4, 86.7	`rgb(35.7%,62.4%,86.7%)`
CMYK	59, 28, 0, 13
HSL	208.6°, 65.7, 61.2	`hsl(208.6,65.7%,61.2%)`
HSV (or HSB)	208.6°, 58.8, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.54, -3.32, -37.953
XYZ	29.761, 32.239, 73.057
xyY	0.22, 0.239, 32.239
CIE-LCH	63.54, 38.098, 265.001
CIE-LUV	63.54, -29.182, -59.667
Hunter-Lab	56.779, -5.804, -36.542
Binary	01011011, 10011111, 11011101

#5b9fdd
```
#5b9fdd rgb(91,159,221)
```
#dd995b
```
#dd995b rgb(221,153,91)
```

Complementary Color

#5bddda
```
#5bddda rgb(91,221,218)
```
#5b9fdd
```
#5b9fdd rgb(91,159,221)
```
#5b5edd
```
#5b5edd rgb(91,94,221)
```

Analogous Color

#ddda5b
```
#ddda5b rgb(221,218,91)
```
#5b9fdd
```
#5b9fdd rgb(91,159,221)
```
#dd5b5e
```
#dd5b5e rgb(221,91,94)
```

Split Complementary Color

#9fdd5b
```
#9fdd5b rgb(159,221,91)
```
#5b9fdd
```
#5b9fdd rgb(91,159,221)
```
#dd5b9f
```
#dd5b9f rgb(221,91,159)
```

Triadic Color

#5bdd99
```
#5bdd99 rgb(91,221,153)
```
#5b9fdd
```
#5b9fdd rgb(91,159,221)
```
#dd5b9f
```
#dd5b9f rgb(221,91,159)
```
#dd995b
```
#dd995b rgb(221,153,91)
```

Tetradic Color

#2879c3
```
#2879c3 rgb(40,121,195)
```
#3186d4
```
#3186d4 rgb(49,134,212)
```
#4693d9
```
#4693d9 rgb(70,147,217)
```
#5b9fdd
```
#5b9fdd rgb(91,159,221)
```
#70abe1
```
#70abe1 rgb(112,171,225)
```
#85b8e6
```
#85b8e6 rgb(133,184,230)
```
#9ac4ea
```
#9ac4ea rgb(154,196,234)
```

Monochromatic Color

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

#5bc0dd
```
#5bc0dd rgb(91,192,221)
```
#5bb5dd
```
#5bb5dd rgb(91,181,221)
```
#5baadd
```
#5baadd rgb(91,170,221)
```
#5b9fdd
```
#5b9fdd rgb(91,159,221)
```
#5b94dd
```
#5b94dd rgb(91,148,221)
```
#5b89dd
```
#5b89dd rgb(91,137,221)
```
#5b7fdd
```
#5b7fdd rgb(91,127,221)
```

Similar Colors

Text with hexadecimal color #5b9fdd

This text has a font color of #5b9fdd.

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

#5b9fdd background color

This paragraph has a background color of #5b9fdd.

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

#5b9fdd border color

This element has a border color of #5b9fdd.

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

CSS codes

.text {color:#5b9fdd;}

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

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

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, #03090f is the darkest color, while #fdfeff is the lightest one.

#03090f
```
#03090f rgb(3,9,15)
```
#06131f
```
#06131f rgb(6,19,31)
```
#0a1d2f
```
#0a1d2f rgb(10,29,47)
```
#0d273f
```
#0d273f rgb(13,39,63)
```
#113250
```
#113250 rgb(17,50,80)
```
#143c60
```
#143c60 rgb(20,60,96)
```
#174670
```
#174670 rgb(23,70,112)
```
#1b5080
```
#1b5080 rgb(27,80,128)
```
#1e5a91
```
#1e5a91 rgb(30,90,145)
```
#2164a1
```
#2164a1 rgb(33,100,161)
```
#256eb1
```
#256eb1 rgb(37,110,177)
```
#2878c1
```
#2878c1 rgb(40,120,193)
```
#2b82d2
```
#2b82d2 rgb(43,130,210)
```

Shade Color Variation

#3b8cd6
```
#3b8cd6 rgb(59,140,214)
```
#4b95da
```
#4b95da rgb(75,149,218)
```
#5b9fdd
```
#5b9fdd rgb(91,159,221)
```
#6ba9e0
```
#6ba9e0 rgb(107,169,224)
```
#7bb2e4
```
#7bb2e4 rgb(123,178,228)
```
#8cbce7
```
#8cbce7 rgb(140,188,231)
```
#9cc5ea
```
#9cc5ea rgb(156,197,234)
```
#accfee
```
#accfee rgb(172,207,238)
```
#bcd8f1
```
#bcd8f1 rgb(188,216,241)
```
#cde2f5
```
#cde2f5 rgb(205,226,245)
```
#ddebf8
```
#ddebf8 rgb(221,235,248)
```
#edf5fb
```
#edf5fb rgb(237,245,251)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989ca0 is the less saturated color, while #3da0fb is the most saturated one.

#989ca0
```
#989ca0 rgb(152,156,160)
```
#909da8
```
#909da8 rgb(144,157,168)
```
#899daf
```
#899daf rgb(137,157,175)
```
#819db7
```
#819db7 rgb(129,157,183)
```
#799ebf
```
#799ebf rgb(121,158,191)
```
#729ec6
```
#729ec6 rgb(114,158,198)
```
#6a9ece
```
#6a9ece rgb(106,158,206)
```
#639fd5
```
#639fd5 rgb(99,159,213)
```
#5b9fdd
```
#5b9fdd rgb(91,159,221)
```
#539fe5
```
#539fe5 rgb(83,159,229)
```
#4ca0ec
```
#4ca0ec rgb(76,160,236)
```
#44a0f4
```
#44a0f4 rgb(68,160,244)
```
#3da0fb
```
#3da0fb rgb(61,160,251)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8795a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a9dd9 Protanopia 1% of men
#819ee1 Deuteranopia 1% of men
#4dabb8 Tritanopia 0.001% of the population

Trichromacy

#799dda Protanomaly 1% of men, 0.01% of women
#739edf Deuteranomaly 6% of men, 0.4% of women
#52a7c5 Tritanomaly 0.01% of the population