#5fb1e7 hex color

In a RGB color space, hex #5fb1e7 is composed of 37.3% red, 69.4% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 23.4% magenta, 0% yellow and 9.4% black. It has a hue angle of 203.8 degrees, a saturation of 73.9% and a lightness of 63.9%. #5fb1e7 color hex could be obtained by blending #beffff with #0063cf. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 69
- B 91
RGB color chart
- C 59
- M 23
- Y 0
- K 9
CMYK color chart

● #5fb1e7 color description : Soft blue.

The hexadecimal color #5fb1e7 has RGB values of R:95, G:177, B:231 and CMYK values of C:0.59, M:0.23, Y:0, K:0.09. Its decimal value is 6271463.

Hex triplet	5fb1e7	`#5fb1e7`
RGB Decimal	95, 177, 231	`rgb(95,177,231)`
RGB Percent	37.3, 69.4, 90.6	`rgb(37.3%,69.4%,90.6%)`
CMYK	59, 23, 0, 9
HSL	203.8°, 73.9, 63.9	`hsl(203.8,73.9%,63.9%)`
HSV (or HSB)	203.8°, 58.9, 90.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.215, -9.398, -34.603
XYZ	34.862, 39.644, 81.412
xyY	0.224, 0.254, 39.644
CIE-LCH	69.215, 35.857, 254.805
CIE-LUV	69.215, -34.414, -53.978
Hunter-Lab	62.964, -11.355, -32.587
Binary	01011111, 10110001, 11100111

#5fb1e7
```
#5fb1e7 rgb(95,177,231)
```
#e7955f
```
#e7955f rgb(231,149,95)
```

Complementary Color

#5fe7d9
```
#5fe7d9 rgb(95,231,217)
```
#5fb1e7
```
#5fb1e7 rgb(95,177,231)
```
#5f6de7
```
#5f6de7 rgb(95,109,231)
```

Analogous Color

#e7d95f
```
#e7d95f rgb(231,217,95)
```
#5fb1e7
```
#5fb1e7 rgb(95,177,231)
```
#e75f6d
```
#e75f6d rgb(231,95,109)
```

Split Complementary Color

#b1e75f
```
#b1e75f rgb(177,231,95)
```
#5fb1e7
```
#5fb1e7 rgb(95,177,231)
```
#e75fb1
```
#e75fb1 rgb(231,95,177)
```

Triadic Color

#5fe795
```
#5fe795 rgb(95,231,149)
```
#5fb1e7
```
#5fb1e7 rgb(95,177,231)
```
#e75fb1
```
#e75fb1 rgb(231,95,177)
```
#e7955f
```
#e7955f rgb(231,149,95)
```

Tetradic Color

#2190d9
```
#2190d9 rgb(33,144,217)
```
#339be0
```
#339be0 rgb(51,155,224)
```
#49a6e4
```
#49a6e4 rgb(73,166,228)
```
#5fb1e7
```
#5fb1e7 rgb(95,177,231)
```
#75bcea
```
#75bcea rgb(117,188,234)
```
#8bc7ee
```
#8bc7ee rgb(139,199,238)
```
#a2d1f1
```
#a2d1f1 rgb(162,209,241)
```

Monochromatic Color

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

#5fd3e7
```
#5fd3e7 rgb(95,211,231)
```
#5fc8e7
```
#5fc8e7 rgb(95,200,231)
```
#5fbce7
```
#5fbce7 rgb(95,188,231)
```
#5fb1e7
```
#5fb1e7 rgb(95,177,231)
```
#5fa6e7
```
#5fa6e7 rgb(95,166,231)
```
#5f9ae7
```
#5f9ae7 rgb(95,154,231)
```
#5f8fe7
```
#5f8fe7 rgb(95,143,231)
```

Similar Colors

Text with hexadecimal color #5fb1e7

This text has a font color of #5fb1e7.

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

#5fb1e7 background color

This paragraph has a background color of #5fb1e7.

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

#5fb1e7 border color

This element has a border color of #5fb1e7.

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

CSS codes

.text {color:#5fb1e7;}

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

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

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, #02070b is the darkest color, while #f9fcfe is the lightest one.

#02070b
```
#02070b rgb(2,7,11)
```
#04121c
```
#04121c rgb(4,18,28)
```
#071e2d
```
#071e2d rgb(7,30,45)
```
#09293e
```
#09293e rgb(9,41,62)
```
#0c344f
```
#0c344f rgb(12,52,79)
```
#0e4060
```
#0e4060 rgb(14,64,96)
```
#114b71
```
#114b71 rgb(17,75,113)
```
#135682
```
#135682 rgb(19,86,130)
```
#166193
```
#166193 rgb(22,97,147)
```
#196da4
```
#196da4 rgb(25,109,164)
```
#1b78b5
```
#1b78b5 rgb(27,120,181)
```
#1e83c6
```
#1e83c6 rgb(30,131,198)
```
#208fd7
```
#208fd7 rgb(32,143,215)
```

Shade Color Variation

#2c98df
```
#2c98df rgb(44,152,223)
```
#3da0e2
```
#3da0e2 rgb(61,160,226)
```
#4ea9e4
```
#4ea9e4 rgb(78,169,228)
```
#5fb1e7
```
#5fb1e7 rgb(95,177,231)
```
#70b9ea
```
#70b9ea rgb(112,185,234)
```
#81c2ec
```
#81c2ec rgb(129,194,236)
```
#92caef
```
#92caef rgb(146,202,239)
```
#a3d2f1
```
#a3d2f1 rgb(163,210,241)
```
#b4dbf4
```
#b4dbf4 rgb(180,219,244)
```
#c5e3f6
```
#c5e3f6 rgb(197,227,246)
```
#d6ebf9
```
#d6ebf9 rgb(214,235,249)
```
#e7f4fb
```
#e7f4fb rgb(231,244,251)
```
#f9fcfe
```
#f9fcfe rgb(249,252,254)
```

Tint Color Variation

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

#9fa4a7
```
#9fa4a7 rgb(159,164,167)
```
#98a5ae
```
#98a5ae rgb(152,165,174)
```
#91a7b5
```
#91a7b5 rgb(145,167,181)
```
#89a8bd
```
#89a8bd rgb(137,168,189)
```
#82aac4
```
#82aac4 rgb(130,170,196)
```
#7babcb
```
#7babcb rgb(123,171,203)
```
#74add2
```
#74add2 rgb(116,173,210)
```
#6daed9
```
#6daed9 rgb(109,174,217)
```
#66b0e0
```
#66b0e0 rgb(102,176,224)
```
#5fb1e7
```
#5fb1e7 rgb(95,177,231)
```
#58b2ee
```
#58b2ee rgb(88,178,238)
```
#51b4f5
```
#51b4f5 rgb(81,180,245)
```
#4ab5fc
```
#4ab5fc rgb(74,181,252)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#92a3ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#9dabe1 Protanopia 1% of men
#96abeb Deuteranopia 1% of men
#55bbc8 Tritanopia 0.001% of the population

Trichromacy

#86ade3 Protanomaly 1% of men, 0.01% of women
#82adea Deuteranomaly 6% of men, 0.4% of women
#59b7d3 Tritanomaly 0.01% of the population

#5fb1e7 hex color

#5fb1e7 Color Information

#5fb1e7 Color Conversion

Color Schemes with #5fb1e7

Alternatives to #5fb1e7

#5fb1e7 Preview

Shades and Tints of #5fb1e7

Tones of #5fb1e7

Color Blindness Simulator