#5fbded hex color

In a RGB color space, hex #5fbded is composed of 37.3% red, 74.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 20.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 200.3 degrees, a saturation of 79.8% and a lightness of 65.1%. #5fbded color hex could be obtained by blending #beffff with #007bdb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 37
- G 74
- B 93
RGB color chart
- C 60
- M 20
- Y 0
- K 7
CMYK color chart

● #5fbded color description : Soft blue.

The hexadecimal color #5fbded has RGB values of R:95, G:189, B:237 and CMYK values of C:0.6, M:0.2, Y:0, K:0.07. Its decimal value is 6274541.

Hex triplet	5fbded	`#5fbded`
RGB Decimal	95, 189, 237	`rgb(95,189,237)`
RGB Percent	37.3, 74.1, 92.9	`rgb(37.3%,74.1%,92.9%)`
CMYK	60, 20, 0, 7
HSL	200.3°, 79.8, 65.1	`hsl(200.3,79.8%,65.1%)`
HSV (or HSB)	200.3°, 59.9, 92.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.852, -13.999, -32.236
XYZ	38.199, 44.94, 86.777
xyY	0.225, 0.264, 44.94
CIE-LCH	72.852, 35.144, 246.526
CIE-LUV	72.852, -38.587, -49.718
Hunter-Lab	67.037, -15.602, -29.823
Binary	01011111, 10111101, 11101101

#5fbded
```
#5fbded rgb(95,189,237)
```
#ed8f5f
```
#ed8f5f rgb(237,143,95)
```

Complementary Color

#5fedd6
```
#5fedd6 rgb(95,237,214)
```
#5fbded
```
#5fbded rgb(95,189,237)
```
#5f76ed
```
#5f76ed rgb(95,118,237)
```

Analogous Color

#edd65f
```
#edd65f rgb(237,214,95)
```
#5fbded
```
#5fbded rgb(95,189,237)
```
#ed5f76
```
#ed5f76 rgb(237,95,118)
```

Split Complementary Color

#bded5f
```
#bded5f rgb(189,237,95)
```
#5fbded
```
#5fbded rgb(95,189,237)
```
#ed5fbd
```
#ed5fbd rgb(237,95,189)
```

Triadic Color

#5fed8f
```
#5fed8f rgb(95,237,143)
```
#5fbded
```
#5fbded rgb(95,189,237)
```
#ed5fbd
```
#ed5fbd rgb(237,95,189)
```
#ed8f5f
```
#ed8f5f rgb(237,143,95)
```

Tetradic Color

#1aa1e5
```
#1aa1e5 rgb(26,161,229)
```
#31aae8
```
#31aae8 rgb(49,170,232)
```
#48b4ea
```
#48b4ea rgb(72,180,234)
```
#5fbded
```
#5fbded rgb(95,189,237)
```
#76c6f0
```
#76c6f0 rgb(118,198,240)
```
#8dd0f2
```
#8dd0f2 rgb(141,208,242)
```
#a4d9f5
```
#a4d9f5 rgb(164,217,245)
```

Monochromatic Color

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

#5fe1ed
```
#5fe1ed rgb(95,225,237)
```
#5fd5ed
```
#5fd5ed rgb(95,213,237)
```
#5fc9ed
```
#5fc9ed rgb(95,201,237)
```
#5fbded
```
#5fbded rgb(95,189,237)
```
#5fb1ed
```
#5fb1ed rgb(95,177,237)
```
#5fa5ed
```
#5fa5ed rgb(95,165,237)
```
#5f9aed
```
#5f9aed rgb(95,154,237)
```

Similar Colors

Text with hexadecimal color #5fbded

This text has a font color of #5fbded.

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

#5fbded background color

This paragraph has a background color of #5fbded.

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

#5fbded border color

This element has a border color of #5fbded.

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

CSS codes

.text {color:#5fbded;}

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

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

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, #020b10 is the darkest color, while #fefeff is the lightest one.

#020b10
```
#020b10 rgb(2,11,16)
```
#041822
```
#041822 rgb(4,24,34)
```
#062434
```
#062434 rgb(6,36,52)
```
#083045
```
#083045 rgb(8,48,69)
```
#0a3d57
```
#0a3d57 rgb(10,61,87)
```
#0c4968
```
#0c4968 rgb(12,73,104)
```
#0e557a
```
#0e557a rgb(14,85,122)
```
#10628c
```
#10628c rgb(16,98,140)
```
#126e9d
```
#126e9d rgb(18,110,157)
```
#147baf
```
#147baf rgb(20,123,175)
```
#1687c1
```
#1687c1 rgb(22,135,193)
```
#1893d2
```
#1893d2 rgb(24,147,210)
```
#1aa0e4
```
#1aa0e4 rgb(26,160,228)
```

Shade Color Variation

#2aa7e7
```
#2aa7e7 rgb(42,167,231)
```
#3caee9
```
#3caee9 rgb(60,174,233)
```
#4db6eb
```
#4db6eb rgb(77,182,235)
```
#5fbded
```
#5fbded rgb(95,189,237)
```
#71c4ef
```
#71c4ef rgb(113,196,239)
```
#82ccf1
```
#82ccf1 rgb(130,204,241)
```
#94d3f3
```
#94d3f3 rgb(148,211,243)
```
#a6daf5
```
#a6daf5 rgb(166,218,245)
```
#b7e1f7
```
#b7e1f7 rgb(183,225,247)
```
#c9e9f9
```
#c9e9f9 rgb(201,233,249)
```
#daf0fb
```
#daf0fb rgb(218,240,251)
```
#ecf7fd
```
#ecf7fd rgb(236,247,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a3a7a9
```
#a3a7a9 rgb(163,167,169)
```
#9da9af
```
#9da9af rgb(157,169,175)
```
#96abb6
```
#96abb6 rgb(150,171,182)
```
#8fadbd
```
#8fadbd rgb(143,173,189)
```
#88b0c4
```
#88b0c4 rgb(136,176,196)
```
#81b2cb
```
#81b2cb rgb(129,178,203)
```
#7ab4d2
```
#7ab4d2 rgb(122,180,210)
```
#74b6d8
```
#74b6d8 rgb(116,182,216)
```
#6db9df
```
#6db9df rgb(109,185,223)
```
#66bbe6
```
#66bbe6 rgb(102,187,230)
```
#5fbded
```
#5fbded rgb(95,189,237)
```
#58bff4
```
#58bff4 rgb(88,191,244)
```
#51c1fb
```
#51c1fb rgb(81,193,251)
```

Tone Color Variation

Below, you can see how #5fbded 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
#98abb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b4e6 Protanopia 1% of men
#a3b4f2 Deuteranopia 1% of men
#58c5d3 Tritanopia 0.001% of the population

Trichromacy

#8eb7e8 Protanomaly 1% of men, 0.01% of women
#8ab7f0 Deuteranomaly 6% of men, 0.4% of women
#5ac2dc Tritanomaly 0.01% of the population

#5fbded hex color

#5fbded Color Information

#5fbded Color Conversion

Color Schemes with #5fbded

Alternatives to #5fbded

#5fbded Preview

Shades and Tints of #5fbded

Tones of #5fbded

Color Blindness Simulator