#5fabdd hex color

In a RGB color space, hex #5fabdd is composed of 37.3% red, 67.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 57% cyan, 22.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 203.8 degrees, a saturation of 64.9% and a lightness of 62%. #5fabdd color hex could be obtained by blending #beffff with #0057bb. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 67
- B 87
RGB color chart
- C 57
- M 23
- Y 0
- K 13
CMYK color chart

● #5fabdd color description : Soft blue.

The hexadecimal color #5fabdd has RGB values of R:95, G:171, B:221 and CMYK values of C:0.57, M:0.23, Y:0, K:0.13. Its decimal value is 6269917.

Hex triplet	5fabdd	`#5fabdd`
RGB Decimal	95, 171, 221	`rgb(95,171,221)`
RGB Percent	37.3, 67.1, 86.7	`rgb(37.3%,67.1%,86.7%)`
CMYK	57, 23, 0, 13
HSL	203.8°, 64.9, 62	`hsl(203.8,64.9%,62%)`
HSV (or HSB)	203.8°, 57, 86.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.109, -9.203, -32.389
XYZ	32.33, 36.777, 73.798
xyY	0.226, 0.257, 36.777
CIE-LCH	67.109, 33.671, 254.139
CIE-LUV	67.109, -32.514, -50.04
Hunter-Lab	60.644, -10.966, -29.699
Binary	01011111, 10101011, 11011101

#5fabdd
```
#5fabdd rgb(95,171,221)
```
#dd915f
```
#dd915f rgb(221,145,95)
```

Complementary Color

#5fddd0
```
#5fddd0 rgb(95,221,208)
```
#5fabdd
```
#5fabdd rgb(95,171,221)
```
#5f6cdd
```
#5f6cdd rgb(95,108,221)
```

Analogous Color

#ddd05f
```
#ddd05f rgb(221,208,95)
```
#5fabdd
```
#5fabdd rgb(95,171,221)
```
#dd5f6c
```
#dd5f6c rgb(221,95,108)
```

Split Complementary Color

#abdd5f
```
#abdd5f rgb(171,221,95)
```
#5fabdd
```
#5fabdd rgb(95,171,221)
```
#dd5fab
```
#dd5fab rgb(221,95,171)
```

Triadic Color

#5fdd91
```
#5fdd91 rgb(95,221,145)
```
#5fabdd
```
#5fabdd rgb(95,171,221)
```
#dd5fab
```
#dd5fab rgb(221,95,171)
```
#dd915f
```
#dd915f rgb(221,145,95)
```

Tetradic Color

#2a88c6
```
#2a88c6 rgb(42,136,198)
```
#3595d4
```
#3595d4 rgb(53,149,212)
```
#4aa0d9
```
#4aa0d9 rgb(74,160,217)
```
#5fabdd
```
#5fabdd rgb(95,171,221)
```
#74b6e1
```
#74b6e1 rgb(116,182,225)
```
#89c1e6
```
#89c1e6 rgb(137,193,230)
```
#9eccea
```
#9eccea rgb(158,204,234)
```

Monochromatic Color

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

#5fcbdd
```
#5fcbdd rgb(95,203,221)
```
#5fc0dd
```
#5fc0dd rgb(95,192,221)
```
#5fb6dd
```
#5fb6dd rgb(95,182,221)
```
#5fabdd
```
#5fabdd rgb(95,171,221)
```
#5fa1dd
```
#5fa1dd rgb(95,161,221)
```
#5f96dd
```
#5f96dd rgb(95,150,221)
```
#5f8cdd
```
#5f8cdd rgb(95,140,221)
```

Similar Colors

Text with hexadecimal color #5fabdd

This text has a font color of #5fabdd.

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

#5fabdd background color

This paragraph has a background color of #5fabdd.

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

#5fabdd border color

This element has a border color of #5fabdd.

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

CSS codes

.text {color:#5fabdd;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#040c12
```
#040c12 rgb(4,12,18)
```
#071722
```
#071722 rgb(7,23,34)
```
#0b2332
```
#0b2332 rgb(11,35,50)
```
#0e2e42
```
#0e2e42 rgb(14,46,66)
```
#123953
```
#123953 rgb(18,57,83)
```
#154463
```
#154463 rgb(21,68,99)
```
#184f73
```
#184f73 rgb(24,79,115)
```
#1c5a83
```
#1c5a83 rgb(28,90,131)
```
#1f6593
```
#1f6593 rgb(31,101,147)
```
#2370a4
```
#2370a4 rgb(35,112,164)
```
#267cb4
```
#267cb4 rgb(38,124,180)
```
#2a87c4
```
#2a87c4 rgb(42,135,196)
```

Shade Color Variation

#2e92d3
```
#2e92d3 rgb(46,146,211)
```
#3f9ad6
```
#3f9ad6 rgb(63,154,214)
```
#4fa3da
```
#4fa3da rgb(79,163,218)
```
#5fabdd
```
#5fabdd rgb(95,171,221)
```
#6fb3e0
```
#6fb3e0 rgb(111,179,224)
```
#7fbce4
```
#7fbce4 rgb(127,188,228)
```
#90c4e7
```
#90c4e7 rgb(144,196,231)
```
#a0cdeb
```
#a0cdeb rgb(160,205,235)
```
#b0d5ee
```
#b0d5ee rgb(176,213,238)
```
#c0def2
```
#c0def2 rgb(192,222,242)
```
#d0e6f5
```
#d0e6f5 rgb(208,230,245)
```
#e0eff9
```
#e0eff9 rgb(224,239,249)
```
#f1f7fc
```
#f1f7fc rgb(241,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9fa1 is the less saturated color, while #41b1fb is the most saturated one.

#9b9fa1
```
#9b9fa1 rgb(155,159,161)
```
#93a0a9
```
#93a0a9 rgb(147,160,169)
```
#8ca2b0
```
#8ca2b0 rgb(140,162,176)
```
#84a3b8
```
#84a3b8 rgb(132,163,184)
```
#7da5bf
```
#7da5bf rgb(125,165,191)
```
#75a6c7
```
#75a6c7 rgb(117,166,199)
```
#6ea8ce
```
#6ea8ce rgb(110,168,206)
```
#66a9d6
```
#66a9d6 rgb(102,169,214)
```
#5fabdd
```
#5fabdd rgb(95,171,221)
```
#58ade4
```
#58ade4 rgb(88,173,228)
```
#50aeec
```
#50aeec rgb(80,174,236)
```
#49b0f3
```
#49b0f3 rgb(73,176,243)
```
#41b1fb
```
#41b1fb rgb(65,177,251)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#8e9da7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99a6d8 Protanopia 1% of men
#93a6e2 Deuteranopia 1% of men
#58b4c2 Tritanopia 0.001% of the population

Trichromacy

#84a7da Protanomaly 1% of men, 0.01% of women
#80a8e0 Deuteranomaly 6% of men, 0.4% of women
#5ab1cb Tritanomaly 0.01% of the population

#5fabdd hex color

#5fabdd Color Information

#5fabdd Color Conversion

Color Schemes with #5fabdd

Alternatives to #5fabdd

#5fabdd Preview

Shades and Tints of #5fabdd

Tones of #5fabdd

Color Blindness Simulator