#5fb9ef hex color

In a RGB color space, hex #5fb9ef is composed of 37.3% red, 72.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 22.6% magenta, 0% yellow and 6.3% black. It has a hue angle of 202.5 degrees, a saturation of 81.8% and a lightness of 65.5%. #5fb9ef color hex could be obtained by blending #beffff with #0073df. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 37
- G 73
- B 94
RGB color chart
- C 60
- M 23
- Y 0
- K 6
CMYK color chart

● #5fb9ef color description : Soft blue.

The hexadecimal color #5fb9ef has RGB values of R:95, G:185, B:239 and CMYK values of C:0.6, M:0.23, Y:0, K:0.06. Its decimal value is 6273519.

Hex triplet	5fb9ef	`#5fb9ef`
RGB Decimal	95, 185, 239	`rgb(95,185,239)`
RGB Percent	37.3, 72.5, 93.7	`rgb(37.3%,72.5%,93.7%)`
CMYK	60, 23, 0, 6
HSL	202.5°, 81.8, 65.5	`hsl(202.5,81.8%,65.5%)`
HSV (or HSB)	202.5°, 60.3, 93.7
Web Safe	66ccff	`#66ccff`

CIE-LAB	71.799, -11.253, -34.949
XYZ	37.644, 43.36, 88.042
xyY	0.223, 0.256, 43.36
CIE-LCH	71.799, 36.716, 252.152
CIE-LUV	71.799, -37.054, -54.597
Hunter-Lab	65.848, -13.189, -33.179
Binary	01011111, 10111001, 11101111

#5fb9ef
```
#5fb9ef rgb(95,185,239)
```
#ef955f
```
#ef955f rgb(239,149,95)
```

Complementary Color

#5fefdd
```
#5fefdd rgb(95,239,221)
```
#5fb9ef
```
#5fb9ef rgb(95,185,239)
```
#5f71ef
```
#5f71ef rgb(95,113,239)
```

Analogous Color

#efdd5f
```
#efdd5f rgb(239,221,95)
```
#5fb9ef
```
#5fb9ef rgb(95,185,239)
```
#ef5f71
```
#ef5f71 rgb(239,95,113)
```

Split Complementary Color

#b9ef5f
```
#b9ef5f rgb(185,239,95)
```
#5fb9ef
```
#5fb9ef rgb(95,185,239)
```
#ef5fb9
```
#ef5fb9 rgb(239,95,185)
```

Triadic Color

#5fef95
```
#5fef95 rgb(95,239,149)
```
#5fb9ef
```
#5fb9ef rgb(95,185,239)
```
#ef5fb9
```
#ef5fb9 rgb(239,95,185)
```
#ef955f
```
#ef955f rgb(239,149,95)
```

Tetradic Color

#199be8
```
#199be8 rgb(25,155,232)
```
#31a5ea
```
#31a5ea rgb(49,165,234)
```
#48afed
```
#48afed rgb(72,175,237)
```
#5fb9ef
```
#5fb9ef rgb(95,185,239)
```
#76c3f1
```
#76c3f1 rgb(118,195,241)
```
#8dcdf4
```
#8dcdf4 rgb(141,205,244)
```
#a5d7f6
```
#a5d7f6 rgb(165,215,246)
```

Monochromatic Color

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

#5fddef
```
#5fddef rgb(95,221,239)
```
#5fd1ef
```
#5fd1ef rgb(95,209,239)
```
#5fc5ef
```
#5fc5ef rgb(95,197,239)
```
#5fb9ef
```
#5fb9ef rgb(95,185,239)
```
#5fadef
```
#5fadef rgb(95,173,239)
```
#5fa1ef
```
#5fa1ef rgb(95,161,239)
```
#5f95ef
```
#5f95ef rgb(95,149,239)
```

Similar Colors

Text with hexadecimal color #5fb9ef

This text has a font color of #5fb9ef.

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

#5fb9ef background color

This paragraph has a background color of #5fb9ef.

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

#5fb9ef border color

This element has a border color of #5fb9ef.

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

CSS codes

.text {color:#5fb9ef;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#020c12
```
#020c12 rgb(2,12,18)
```
#041824
```
#041824 rgb(4,24,36)
```
#052436
```
#052436 rgb(5,36,54)
```
#073048
```
#073048 rgb(7,48,72)
```
#093b5a
```
#093b5a rgb(9,59,90)
```
#0b476b
```
#0b476b rgb(11,71,107)
```
#0d537d
```
#0d537d rgb(13,83,125)
```
#0e5f8f
```
#0e5f8f rgb(14,95,143)
```
#106ba1
```
#106ba1 rgb(16,107,161)
```
#1276b3
```
#1276b3 rgb(18,118,179)
```
#1482c5
```
#1482c5 rgb(20,130,197)
```
#158ed6
```
#158ed6 rgb(21,142,214)
```

Shade Color Variation

#189ae8
```
#189ae8 rgb(24,154,232)
```
#2aa2ea
```
#2aa2ea rgb(42,162,234)
```
#3ba9eb
```
#3ba9eb rgb(59,169,235)
```
#4db1ed
```
#4db1ed rgb(77,177,237)
```
#5fb9ef
```
#5fb9ef rgb(95,185,239)
```
#71c1f1
```
#71c1f1 rgb(113,193,241)
```
#83c9f3
```
#83c9f3 rgb(131,201,243)
```
#94d0f4
```
#94d0f4 rgb(148,208,244)
```
#a6d8f6
```
#a6d8f6 rgb(166,216,246)
```
#b8e0f8
```
#b8e0f8 rgb(184,224,248)
```
#cae8fa
```
#cae8fa rgb(202,232,250)
```
#dcf0fb
```
#dcf0fb rgb(220,240,251)
```
#eef7fd
```
#eef7fd rgb(238,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a3a8ab is the less saturated color, while #51bcfd is the most saturated one.

#a3a8ab
```
#a3a8ab rgb(163,168,171)
```
#9caab2
```
#9caab2 rgb(156,170,178)
```
#95abb9
```
#95abb9 rgb(149,171,185)
```
#8eadc0
```
#8eadc0 rgb(142,173,192)
```
#88afc6
```
#88afc6 rgb(136,175,198)
```
#81b1cd
```
#81b1cd rgb(129,177,205)
```
#7ab2d4
```
#7ab2d4 rgb(122,178,212)
```
#73b4db
```
#73b4db rgb(115,180,219)
```
#6db6e1
```
#6db6e1 rgb(109,182,225)
```
#66b7e8
```
#66b7e8 rgb(102,183,232)
```
#5fb9ef
```
#5fb9ef rgb(95,185,239)
```
#58bbf6
```
#58bbf6 rgb(88,187,246)
```
#51bcfd
```
#51bcfd rgb(81,188,253)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#96a8b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3b2e8 Protanopia 1% of men
#9cb2f3 Deuteranopia 1% of men
#54c2d0 Tritanopia 0.001% of the population

Trichromacy

#8ab4ea Protanomaly 1% of men, 0.01% of women
#86b4f2 Deuteranomaly 6% of men, 0.4% of women
#58bfdb Tritanomaly 0.01% of the population

#5fb9ef hex color

#5fb9ef Color Information

#5fb9ef Color Conversion

Color Schemes with #5fb9ef

Alternatives to #5fb9ef

#5fb9ef Preview

Shades and Tints of #5fb9ef

Tones of #5fb9ef

Color Blindness Simulator