#5fbde9 hex color

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

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

● #5fbde9 color description : Soft blue.

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

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

CIE-LAB	72.7, -15.212, -30.305
XYZ	37.621, 44.709, 83.733
xyY	0.227, 0.269, 44.709
CIE-LCH	72.7, 33.909, 243.346
CIE-LUV	72.7, -38.744, -46.265
Hunter-Lab	66.864, -16.58, -27.443
Binary	01011111, 10111101, 11101001

#5fbde9
```
#5fbde9 rgb(95,189,233)
```
#e98b5f
```
#e98b5f rgb(233,139,95)
```

Complementary Color

#5fe9d0
```
#5fe9d0 rgb(95,233,208)
```
#5fbde9
```
#5fbde9 rgb(95,189,233)
```
#5f78e9
```
#5f78e9 rgb(95,120,233)
```

Analogous Color

#e9d05f
```
#e9d05f rgb(233,208,95)
```
#5fbde9
```
#5fbde9 rgb(95,189,233)
```
#e95f78
```
#e95f78 rgb(233,95,120)
```

Split Complementary Color

#bde95f
```
#bde95f rgb(189,233,95)
```
#5fbde9
```
#5fbde9 rgb(95,189,233)
```
#e95fbd
```
#e95fbd rgb(233,95,189)
```

Triadic Color

#5fe98b
```
#5fe98b rgb(95,233,139)
```
#5fbde9
```
#5fbde9 rgb(95,189,233)
```
#e95fbd
```
#e95fbd rgb(233,95,189)
```
#e98b5f
```
#e98b5f rgb(233,139,95)
```

Tetradic Color

#1ea0dd
```
#1ea0dd rgb(30,160,221)
```
#32abe3
```
#32abe3 rgb(50,171,227)
```
#49b4e6
```
#49b4e6 rgb(73,180,230)
```
#5fbde9
```
#5fbde9 rgb(95,189,233)
```
#75c6ec
```
#75c6ec rgb(117,198,236)
```
#8ccfef
```
#8ccfef rgb(140,207,239)
```
#a2d9f2
```
#a2d9f2 rgb(162,217,242)
```

Monochromatic Color

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

#5fe0e9
```
#5fe0e9 rgb(95,224,233)
```
#5fd4e9
```
#5fd4e9 rgb(95,212,233)
```
#5fc9e9
```
#5fc9e9 rgb(95,201,233)
```
#5fbde9
```
#5fbde9 rgb(95,189,233)
```
#5fb2e9
```
#5fb2e9 rgb(95,178,233)
```
#5fa6e9
```
#5fa6e9 rgb(95,166,233)
```
#5f9be9
```
#5f9be9 rgb(95,155,233)
```

Similar Colors

Text with hexadecimal color #5fbde9

This text has a font color of #5fbde9.

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

#5fbde9 background color

This paragraph has a background color of #5fbde9.

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

#5fbde9 border color

This element has a border color of #5fbde9.

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

CSS codes

.text {color:#5fbde9;}

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

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

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)
```
#04161e
```
#04161e rgb(4,22,30)
```
#06222f
```
#06222f rgb(6,34,47)
```
#092f40
```
#092f40 rgb(9,47,64)
```
#0b3b51
```
#0b3b51 rgb(11,59,81)
```
#0e4863
```
#0e4863 rgb(14,72,99)
```
#105474
```
#105474 rgb(16,84,116)
```
#126185
```
#126185 rgb(18,97,133)
```
#156d96
```
#156d96 rgb(21,109,150)
```
#177aa8
```
#177aa8 rgb(23,122,168)
```
#1986b9
```
#1986b9 rgb(25,134,185)
```
#1c93ca
```
#1c93ca rgb(28,147,202)
```
#1e9fdb
```
#1e9fdb rgb(30,159,219)
```

Shade Color Variation

#2ba8e2
```
#2ba8e2 rgb(43,168,226)
```
#3dafe4
```
#3dafe4 rgb(61,175,228)
```
#4eb6e7
```
#4eb6e7 rgb(78,182,231)
```
#5fbde9
```
#5fbde9 rgb(95,189,233)
```
#70c4eb
```
#70c4eb rgb(112,196,235)
```
#81cbee
```
#81cbee rgb(129,203,238)
```
#93d2f0
```
#93d2f0 rgb(147,210,240)
```
#a4d9f2
```
#a4d9f2 rgb(164,217,242)
```
#b5e1f5
```
#b5e1f5 rgb(181,225,245)
```
#c6e8f7
```
#c6e8f7 rgb(198,232,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 #4ac5fe is the most saturated one.

#9ea6aa
```
#9ea6aa rgb(158,166,170)
```
#97a9b1
```
#97a9b1 rgb(151,169,177)
```
#90abb8
```
#90abb8 rgb(144,171,184)
```
#89aebf
```
#89aebf rgb(137,174,191)
```
#82b0c6
```
#82b0c6 rgb(130,176,198)
```
#7bb3cd
```
#7bb3cd rgb(123,179,205)
```
#74b5d4
```
#74b5d4 rgb(116,181,212)
```
#6db8db
```
#6db8db rgb(109,184,219)
```
#66bae2
```
#66bae2 rgb(102,186,226)
```
#5fbde9
```
#5fbde9 rgb(95,189,233)
```
#58c0f0
```
#58c0f0 rgb(88,192,240)
```
#51c2f7
```
#51c2f7 rgb(81,194,247)
```
#4ac5fe
```
#4ac5fe rgb(74,197,254)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#98abb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aab4e2 Protanopia 1% of men
#a5b3ee Deuteranopia 1% of men
#5ac4d3 Tritanopia 0.001% of the population

Trichromacy

#8eb7e4 Protanomaly 1% of men, 0.01% of women
#8bb7ec Deuteranomaly 6% of men, 0.4% of women
#5cc1db Tritanomaly 0.01% of the population

#5fbde9 hex color

#5fbde9 Color Information

#5fbde9 Color Conversion

Color Schemes with #5fbde9

Alternatives to #5fbde9

#5fbde9 Preview

Shades and Tints of #5fbde9

Tones of #5fbde9

Color Blindness Simulator