#5fbce3 hex color

In a RGB color space, hex #5fbce3 is composed of 37.3% red, 73.7% green and 89% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 17.2% magenta, 0% yellow and 11% black. It has a hue angle of 197.7 degrees, a saturation of 70.2% and a lightness of 63.1%. #5fbce3 color hex could be obtained by blending #beffff with #0079c7. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 37
- G 74
- B 89
RGB color chart
- C 58
- M 17
- Y 0
- K 11
CMYK color chart

● #5fbce3 color description : Soft blue.

The hexadecimal color #5fbce3 has RGB values of R:95, G:188, B:227 and CMYK values of C:0.58, M:0.17, Y:0, K:0.11. Its decimal value is 6274275.

Hex triplet	5fbce3	`#5fbce3`
RGB Decimal	95, 188, 227	`rgb(95,188,227)`
RGB Percent	37.3, 73.7, 89	`rgb(37.3%,73.7%,89%)`
CMYK	58, 17, 0, 11
HSL	197.7°, 70.2, 63.1	`hsl(197.7,70.2%,63.1%)`
HSV (or HSB)	197.7°, 58.1, 89
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.19, -16.487, -27.833
XYZ	36.564, 43.943, 79.224
xyY	0.229, 0.275, 43.943
CIE-LCH	72.19, 32.35, 239.359
CIE-LUV	72.19, -38.612, -41.877
Hunter-Lab	66.289, -17.549, -24.456
Binary	01011111, 10111100, 11100011

#5fbce3
```
#5fbce3 rgb(95,188,227)
```
#e3865f
```
#e3865f rgb(227,134,95)
```

Complementary Color

#5fe3c8
```
#5fe3c8 rgb(95,227,200)
```
#5fbce3
```
#5fbce3 rgb(95,188,227)
```
#5f7ae3
```
#5f7ae3 rgb(95,122,227)
```

Analogous Color

#e3c85f
```
#e3c85f rgb(227,200,95)
```
#5fbce3
```
#5fbce3 rgb(95,188,227)
```
#e35f7a
```
#e35f7a rgb(227,95,122)
```

Split Complementary Color

#bce35f
```
#bce35f rgb(188,227,95)
```
#5fbce3
```
#5fbce3 rgb(95,188,227)
```
#e35fbc
```
#e35fbc rgb(227,95,188)
```

Triadic Color

#5fe386
```
#5fe386 rgb(95,227,134)
```
#5fbce3
```
#5fbce3 rgb(95,188,227)
```
#e35fbc
```
#e35fbc rgb(227,95,188)
```
#e3865f
```
#e3865f rgb(227,134,95)
```

Tetradic Color

#259ed1
```
#259ed1 rgb(37,158,209)
```
#34aadb
```
#34aadb rgb(52,170,219)
```
#49b3df
```
#49b3df rgb(73,179,223)
```
#5fbce3
```
#5fbce3 rgb(95,188,227)
```
#75c5e7
```
#75c5e7 rgb(117,197,231)
```
#8aceeb
```
#8aceeb rgb(138,206,235)
```
#a0d7ee
```
#a0d7ee rgb(160,215,238)
```

Monochromatic Color

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

#5fdde3
```
#5fdde3 rgb(95,221,227)
```
#5fd2e3
```
#5fd2e3 rgb(95,210,227)
```
#5fc7e3
```
#5fc7e3 rgb(95,199,227)
```
#5fbce3
```
#5fbce3 rgb(95,188,227)
```
#5fb1e3
```
#5fb1e3 rgb(95,177,227)
```
#5fa6e3
```
#5fa6e3 rgb(95,166,227)
```
#5f9be3
```
#5f9be3 rgb(95,155,227)
```

Similar Colors

Text with hexadecimal color #5fbce3

This text has a font color of #5fbce3.

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

#5fbce3 background color

This paragraph has a background color of #5fbce3.

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

#5fbce3 border color

This element has a border color of #5fbce3.

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

CSS codes

.text {color:#5fbce3;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#041218
```
#041218 rgb(4,18,24)
```
#071e28
```
#071e28 rgb(7,30,40)
```
#0a2b39
```
#0a2b39 rgb(10,43,57)
```
#0d384a
```
#0d384a rgb(13,56,74)
```
#10445a
```
#10445a rgb(16,68,90)
```
#13516b
```
#13516b rgb(19,81,107)
```
#165e7c
```
#165e7c rgb(22,94,124)
```
#196a8c
```
#196a8c rgb(25,106,140)
```
#1c779d
```
#1c779d rgb(28,119,157)
```
#1e83ae
```
#1e83ae rgb(30,131,174)
```
#2190bf
```
#2190bf rgb(33,144,191)
```
#249dcf
```
#249dcf rgb(36,157,207)
```

Shade Color Variation

#2da7da
```
#2da7da rgb(45,167,218)
```
#3eaedd
```
#3eaedd rgb(62,174,221)
```
#4eb5e0
```
#4eb5e0 rgb(78,181,224)
```
#5fbce3
```
#5fbce3 rgb(95,188,227)
```
#70c3e6
```
#70c3e6 rgb(112,195,230)
```
#80cae9
```
#80cae9 rgb(128,202,233)
```
#91d1ec
```
#91d1ec rgb(145,209,236)
```
#a2d8ef
```
#a2d8ef rgb(162,216,239)
```
#b2dff2
```
#b2dff2 rgb(178,223,242)
```
#c3e6f5
```
#c3e6f5 rgb(195,230,245)
```
#d4edf7
```
#d4edf7 rgb(212,237,247)
```
#e5f4fa
```
#e5f4fa rgb(229,244,250)
```
#f5fbfd
```
#f5fbfd rgb(245,251,253)
```

Tint Color Variation

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

#a0a1a2
```
#a0a1a2 rgb(160,161,162)
```
#99a4a9
```
#99a4a9 rgb(153,164,169)
```
#92a7b0
```
#92a7b0 rgb(146,167,176)
```
#8aaab8
```
#8aaab8 rgb(138,170,184)
```
#83adbf
```
#83adbf rgb(131,173,191)
```
#7cb0c6
```
#7cb0c6 rgb(124,176,198)
```
#75b3cd
```
#75b3cd rgb(117,179,205)
```
#6db6d5
```
#6db6d5 rgb(109,182,213)
```
#66b9dc
```
#66b9dc rgb(102,185,220)
```
#5fbce3
```
#5fbce3 rgb(95,188,227)
```
#58bfea
```
#58bfea rgb(88,191,234)
```
#51c2f1
```
#51c2f1 rgb(81,194,241)
```
#49c5f9
```
#49c5f9 rgb(73,197,249)
```

Tone Color Variation

Below, you can see how #5fbce3 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
#97aab1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab3dc Protanopia 1% of men
#a7b2e9 Deuteranopia 1% of men
#5cc2d1 Tritanopia 0.001% of the population

Trichromacy

#8fb6de Protanomaly 1% of men, 0.01% of women
#8db5e7 Deuteranomaly 6% of men, 0.4% of women
#5dc0d7 Tritanomaly 0.01% of the population

#5fbce3 hex color

#5fbce3 Color Information

#5fbce3 Color Conversion

Color Schemes with #5fbce3

Alternatives to #5fbce3

#5fbce3 Preview

Shades and Tints of #5fbce3

Tones of #5fbce3

Color Blindness Simulator