#5fb2ed hex color

In a RGB color space, hex #5fb2ed is composed of 37.3% red, 69.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 59.9% cyan, 24.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 204.9 degrees, a saturation of 79.8% and a lightness of 65.1%. #5fb2ed color hex could be obtained by blending #beffff with #0065db. Closest websafe color is: #6699ff.

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

● #5fb2ed color description : Soft blue.

The hexadecimal color #5fb2ed has RGB values of R:95, G:178, B:237 and CMYK values of C:0.6, M:0.25, Y:0, K:0.07. Its decimal value is 6271725.

Hex triplet	5fb2ed	`#5fb2ed`
RGB Decimal	95, 178, 237	`rgb(95,178,237)`
RGB Percent	37.3, 69.8, 92.9	`rgb(37.3%,69.8%,92.9%)`
CMYK	60, 25, 0, 7
HSL	204.9°, 79.8, 65.1	`hsl(204.9,79.8%,65.1%)`
HSV (or HSB)	204.9°, 59.9, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	69.743, -8.081, -37.054
XYZ	35.922, 40.386, 86.018
xyY	0.221, 0.249, 40.386
CIE-LCH	69.743, 37.925, 257.697
CIE-LUV	69.743, -34.584, -58.364
Hunter-Lab	63.55, -10.313, -35.768
Binary	01011111, 10110010, 11101101

#5fb2ed
```
#5fb2ed rgb(95,178,237)
```
#ed9a5f
```
#ed9a5f rgb(237,154,95)
```

Complementary Color

#5fede1
```
#5fede1 rgb(95,237,225)
```
#5fb2ed
```
#5fb2ed rgb(95,178,237)
```
#5f6bed
```
#5f6bed rgb(95,107,237)
```

Analogous Color

#ede15f
```
#ede15f rgb(237,225,95)
```
#5fb2ed
```
#5fb2ed rgb(95,178,237)
```
#ed5f6b
```
#ed5f6b rgb(237,95,107)
```

Split Complementary Color

#b2ed5f
```
#b2ed5f rgb(178,237,95)
```
#5fb2ed
```
#5fb2ed rgb(95,178,237)
```
#ed5fb2
```
#ed5fb2 rgb(237,95,178)
```

Triadic Color

#5fed9a
```
#5fed9a rgb(95,237,154)
```
#5fb2ed
```
#5fb2ed rgb(95,178,237)
```
#ed5fb2
```
#ed5fb2 rgb(237,95,178)
```
#ed9a5f
```
#ed9a5f rgb(237,154,95)
```

Tetradic Color

#1a91e5
```
#1a91e5 rgb(26,145,229)
```
#319ce8
```
#319ce8 rgb(49,156,232)
```
#48a7ea
```
#48a7ea rgb(72,167,234)
```
#5fb2ed
```
#5fb2ed rgb(95,178,237)
```
#76bdf0
```
#76bdf0 rgb(118,189,240)
```
#8dc8f2
```
#8dc8f2 rgb(141,200,242)
```
#a4d3f5
```
#a4d3f5 rgb(164,211,245)
```

Monochromatic Color

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

#5fd6ed
```
#5fd6ed rgb(95,214,237)
```
#5fcaed
```
#5fcaed rgb(95,202,237)
```
#5fbeed
```
#5fbeed rgb(95,190,237)
```
#5fb2ed
```
#5fb2ed rgb(95,178,237)
```
#5fa6ed
```
#5fa6ed rgb(95,166,237)
```
#5f9aed
```
#5f9aed rgb(95,154,237)
```
#5f8fed
```
#5f8fed rgb(95,143,237)
```

Similar Colors

Text with hexadecimal color #5fb2ed

This text has a font color of #5fb2ed.

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

#5fb2ed background color

This paragraph has a background color of #5fb2ed.

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

#5fb2ed border color

This element has a border color of #5fb2ed.

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

CSS codes

.text {color:#5fb2ed;}

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

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

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

#020a10
```
#020a10 rgb(2,10,16)
```
#041522
```
#041522 rgb(4,21,34)
```
#062134
```
#062134 rgb(6,33,52)
```
#082c45
```
#082c45 rgb(8,44,69)
```
#0a3757
```
#0a3757 rgb(10,55,87)
```
#0c4268
```
#0c4268 rgb(12,66,104)
```
#0e4d7a
```
#0e4d7a rgb(14,77,122)
```
#10588c
```
#10588c rgb(16,88,140)
```
#12639d
```
#12639d rgb(18,99,157)
```
#146eaf
```
#146eaf rgb(20,110,175)
```
#167ac1
```
#167ac1 rgb(22,122,193)
```
#1885d2
```
#1885d2 rgb(24,133,210)
```
#1a90e4
```
#1a90e4 rgb(26,144,228)
```

Shade Color Variation

#2a99e7
```
#2a99e7 rgb(42,153,231)
```
#3ca1e9
```
#3ca1e9 rgb(60,161,233)
```
#4daaeb
```
#4daaeb rgb(77,170,235)
```
#5fb2ed
```
#5fb2ed rgb(95,178,237)
```
#71baef
```
#71baef rgb(113,186,239)
```
#82c3f1
```
#82c3f1 rgb(130,195,241)
```
#94cbf3
```
#94cbf3 rgb(148,203,243)
```
#a6d4f5
```
#a6d4f5 rgb(166,212,245)
```
#b7dcf7
```
#b7dcf7 rgb(183,220,247)
```
#c9e5f9
```
#c9e5f9 rgb(201,229,249)
```
#daedfb
```
#daedfb rgb(218,237,251)
```
#ecf6fd
```
#ecf6fd rgb(236,246,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a3a6a9
```
#a3a6a9 rgb(163,166,169)
```
#9da8af
```
#9da8af rgb(157,168,175)
```
#96a9b6
```
#96a9b6 rgb(150,169,182)
```
#8faabd
```
#8faabd rgb(143,170,189)
```
#88abc4
```
#88abc4 rgb(136,171,196)
```
#81accb
```
#81accb rgb(129,172,203)
```
#7aadd2
```
#7aadd2 rgb(122,173,210)
```
#74afd8
```
#74afd8 rgb(116,175,216)
```
#6db0df
```
#6db0df rgb(109,176,223)
```
#66b1e6
```
#66b1e6 rgb(102,177,230)
```
#5fb2ed
```
#5fb2ed rgb(95,178,237)
```
#58b3f4
```
#58b3f4 rgb(88,179,244)
```
#51b4fb
```
#51b4fb rgb(81,180,251)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#93a4af Atypical Achromatopsia 0.001% of the population

Dichromacy

#9cace7 Protanopia 1% of men
#93adf1 Deuteranopia 1% of men
#52bcca Tritanopia 0.001% of the population

Trichromacy

#86aee9 Protanomaly 1% of men, 0.01% of women
#80afef Deuteranomaly 6% of men, 0.4% of women
#57b8d7 Tritanomaly 0.01% of the population

#5fb2ed hex color

#5fb2ed Color Information

#5fb2ed Color Conversion

Color Schemes with #5fb2ed

Alternatives to #5fb2ed

#5fb2ed Preview

Shades and Tints of #5fb2ed

Tones of #5fb2ed

Color Blindness Simulator