colorhexa.com

#5fbce9 hex color

In a RGB color space, hex #5fbce9 is composed of 37.3% red, 73.7% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 59.2% cyan, 19.3% magenta, 0% yellow and 8.6% black. It has a hue angle of 199.6 degrees, a saturation of 75.8% and a lightness of 64.3%. #5fbce9 color hex could be obtained by blending #beffff with #0079d3. Closest websafe color is: #66ccff.

- R 37
- G 74
- B 91
RGB color chart
- C 59
- M 19
- Y 0
- K 9
CMYK color chart

● #5fbce9 color description : Soft blue.

The hexadecimal color #5fbce9 has RGB values of R:95, G:188, B:233 and CMYK values of C:0.59, M:0.19, Y:0, K:0.09. Its decimal value is 6274281.

Hex triplet	5fbce9	`#5fbce9`
RGB Decimal	95, 188, 233	`rgb(95,188,233)`
RGB Percent	37.3, 73.7, 91.4	`rgb(37.3%,73.7%,91.4%)`
CMYK	59, 19, 0, 9
HSL	199.6°, 75.8, 64.3	`hsl(199.6,75.8%,64.3%)`
HSV (or HSB)	199.6°, 59.2, 91.4
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.415, -14.684, -30.743
XYZ	37.407, 44.28, 83.662
xyY	0.226, 0.268, 44.28
CIE-LCH	72.415, 34.07, 244.469
CIE-LUV	72.415, -38.377, -47.054
Hunter-Lab	66.543, -16.108, -27.963
Binary	01011111, 10111100, 11101001

#5fbce9
```
#5fbce9 rgb(95,188,233)
```
#e98c5f
```
#e98c5f rgb(233,140,95)
```

Complementary Color

#5fe9d1
```
#5fe9d1 rgb(95,233,209)
```
#5fbce9
```
#5fbce9 rgb(95,188,233)
```
#5f77e9
```
#5f77e9 rgb(95,119,233)
```

Analogous Color

#e9d15f
```
#e9d15f rgb(233,209,95)
```
#5fbce9
```
#5fbce9 rgb(95,188,233)
```
#e95f77
```
#e95f77 rgb(233,95,119)
```

Split Complementary Color

#bce95f
```
#bce95f rgb(188,233,95)
```
#5fbce9
```
#5fbce9 rgb(95,188,233)
```
#e95fbc
```
#e95fbc rgb(233,95,188)
```

Triadic Color

#5fe98c
```
#5fe98c rgb(95,233,140)
```
#5fbce9
```
#5fbce9 rgb(95,188,233)
```
#e95fbc
```
#e95fbc rgb(233,95,188)
```
#e98c5f
```
#e98c5f rgb(233,140,95)
```

Tetradic Color

#1e9fdd
```
#1e9fdd rgb(30,159,221)
```
#32a9e3
```
#32a9e3 rgb(50,169,227)
```
#49b3e6
```
#49b3e6 rgb(73,179,230)
```
#5fbce9
```
#5fbce9 rgb(95,188,233)
```
#75c5ec
```
#75c5ec rgb(117,197,236)
```
#8ccfef
```
#8ccfef rgb(140,207,239)
```
#a2d8f2
```
#a2d8f2 rgb(162,216,242)
```

Monochromatic Color

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

#5fdfe9
```
#5fdfe9 rgb(95,223,233)
```
#5fd3e9
```
#5fd3e9 rgb(95,211,233)
```
#5fc8e9
```
#5fc8e9 rgb(95,200,233)
```
#5fbce9
```
#5fbce9 rgb(95,188,233)
```
#5fb1e9
```
#5fb1e9 rgb(95,177,233)
```
#5fa5e9
```
#5fa5e9 rgb(95,165,233)
```
#5f9ae9
```
#5f9ae9 rgb(95,154,233)
```

Similar Colors

Text with hexadecimal color #5fbce9

This text has a font color of #5fbce9.

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

#5fbce9 background color

This paragraph has a background color of #5fbce9.

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

#5fbce9 border color

This element has a border color of #5fbce9.

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

CSS codes

.text {color:#5fbce9;}

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

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

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, #02090c is the darkest color, while #fafdfe is the lightest one.

#02090c
```
#02090c rgb(2,9,12)
```
#04151e
```
#04151e rgb(4,21,30)
```
#06222f
```
#06222f rgb(6,34,47)
```
#092e40
```
#092e40 rgb(9,46,64)
```
#0b3b51
```
#0b3b51 rgb(11,59,81)
```
#0e4763
```
#0e4763 rgb(14,71,99)
```
#105374
```
#105374 rgb(16,83,116)
```
#126085
```
#126085 rgb(18,96,133)
```
#156c96
```
#156c96 rgb(21,108,150)
```
#1778a8
```
#1778a8 rgb(23,120,168)
```
#1985b9
```
#1985b9 rgb(25,133,185)
```
#1c91ca
```
#1c91ca rgb(28,145,202)
```
#1e9edb
```
#1e9edb rgb(30,158,219)
```

Shade Color Variation

#2ba6e2
```
#2ba6e2 rgb(43,166,226)
```
#3daee4
```
#3daee4 rgb(61,174,228)
```
#4eb5e7
```
#4eb5e7 rgb(78,181,231)
```
#5fbce9
```
#5fbce9 rgb(95,188,233)
```
#70c3eb
```
#70c3eb rgb(112,195,235)
```
#81caee
```
#81caee rgb(129,202,238)
```
#93d2f0
```
#93d2f0 rgb(147,210,240)
```
#a4d9f2
```
#a4d9f2 rgb(164,217,242)
```
#b5e0f5
```
#b5e0f5 rgb(181,224,245)
```
#c6e7f7
```
#c6e7f7 rgb(198,231,247)
```
#d8effa
```
#d8effa rgb(216,239,250)
```
#e9f6fc
```
#e9f6fc rgb(233,246,252)
```
#fafdfe
```
#fafdfe rgb(250,253,254)
```

Tint Color Variation

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

#9ea6aa
```
#9ea6aa rgb(158,166,170)
```
#97a9b1
```
#97a9b1 rgb(151,169,177)
```
#90abb8
```
#90abb8 rgb(144,171,184)
```
#89adbf
```
#89adbf rgb(137,173,191)
```
#82b0c6
```
#82b0c6 rgb(130,176,198)
```
#7bb2cd
```
#7bb2cd rgb(123,178,205)
```
#74b5d4
```
#74b5d4 rgb(116,181,212)
```
#6db7db
```
#6db7db rgb(109,183,219)
```
#66bae2
```
#66bae2 rgb(102,186,226)
```
#5fbce9
```
#5fbce9 rgb(95,188,233)
```
#58bef0
```
#58bef0 rgb(88,190,240)
```
#51c1f7
```
#51c1f7 rgb(81,193,247)
```
#4ac3fe
```
#4ac3fe rgb(74,195,254)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#97aab3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b3e2 Protanopia 1% of men
#a4b3ee Deuteranopia 1% of men
#59c3d2 Tritanopia 0.001% of the population

Trichromacy

#8eb6e4 Protanomaly 1% of men, 0.01% of women
#8bb6ec Deuteranomaly 6% of men, 0.4% of women
#5bc1da Tritanomaly 0.01% of the population