#5fb2f9 hex color

In a RGB color space, hex #5fb2f9 is composed of 37.3% red, 69.8% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 28.5% magenta, 0% yellow and 2.4% black. It has a hue angle of 207.7 degrees, a saturation of 92.8% and a lightness of 67.5%. #5fb2f9 color hex could be obtained by blending #beffff with #0065f3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 70
- B 98
RGB color chart
- C 62
- M 29
- Y 0
- K 2
CMYK color chart

● #5fb2f9 color description : Soft blue.

The hexadecimal color #5fb2f9 has RGB values of R:95, G:178, B:249 and CMYK values of C:0.62, M:0.29, Y:0, K:0.02. Its decimal value is 6271737.

Hex triplet	5fb2f9	`#5fb2f9`
RGB Decimal	95, 178, 249	`rgb(95,178,249)`
RGB Percent	37.3, 69.8, 97.6	`rgb(37.3%,69.8%,97.6%)`
CMYK	62, 29, 0, 2
HSL	207.7°, 92.8, 67.5	`hsl(207.7,92.8%,67.5%)`
HSV (or HSB)	207.7°, 61.8, 97.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	70.253, -4.299, -42.775
XYZ	37.735, 41.111, 95.564
xyY	0.216, 0.236, 41.111
CIE-LCH	70.253, 42.991, 264.261
CIE-LUV	70.253, -34.205, -68.66
Hunter-Lab	64.118, -7.155, -43.486
Binary	01011111, 10110010, 11111001

#5fb2f9
```
#5fb2f9 rgb(95,178,249)
```
#f9a65f
```
#f9a65f rgb(249,166,95)
```

Complementary Color

#5ff9f3
```
#5ff9f3 rgb(95,249,243)
```
#5fb2f9
```
#5fb2f9 rgb(95,178,249)
```
#5f65f9
```
#5f65f9 rgb(95,101,249)
```

Analogous Color

#f9f35f
```
#f9f35f rgb(249,243,95)
```
#5fb2f9
```
#5fb2f9 rgb(95,178,249)
```
#f95f65
```
#f95f65 rgb(249,95,101)
```

Split Complementary Color

#b2f95f
```
#b2f95f rgb(178,249,95)
```
#5fb2f9
```
#5fb2f9 rgb(95,178,249)
```
#f95fb2
```
#f95fb2 rgb(249,95,178)
```

Triadic Color

#5ff9a6
```
#5ff9a6 rgb(95,249,166)
```
#5fb2f9
```
#5fb2f9 rgb(95,178,249)
```
#f95fb2
```
#f95fb2 rgb(249,95,178)
```
#f9a65f
```
#f9a65f rgb(249,166,95)
```

Tetradic Color

#158ff6
```
#158ff6 rgb(21,143,246)
```
#2e9af7
```
#2e9af7 rgb(46,154,247)
```
#46a6f8
```
#46a6f8 rgb(70,166,248)
```
#5fb2f9
```
#5fb2f9 rgb(95,178,249)
```
#78befa
```
#78befa rgb(120,190,250)
```
#90cafb
```
#90cafb rgb(144,202,251)
```
#a9d5fc
```
#a9d5fc rgb(169,213,252)
```

Monochromatic Color

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

#5fd9f9
```
#5fd9f9 rgb(95,217,249)
```
#5fccf9
```
#5fccf9 rgb(95,204,249)
```
#5fbff9
```
#5fbff9 rgb(95,191,249)
```
#5fb2f9
```
#5fb2f9 rgb(95,178,249)
```
#5fa5f9
```
#5fa5f9 rgb(95,165,249)
```
#5f98f9
```
#5f98f9 rgb(95,152,249)
```
#5f8cf9
```
#5f8cf9 rgb(95,140,249)
```

Similar Colors

Text with hexadecimal color #5fb2f9

This text has a font color of #5fb2f9.

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

#5fb2f9 background color

This paragraph has a background color of #5fb2f9.

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

#5fb2f9 border color

This element has a border color of #5fb2f9.

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

CSS codes

.text {color:#5fb2f9;}

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

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

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, #00060a is the darkest color, while #f6fbff is the lightest one.

#00060a
```
#00060a rgb(0,6,10)
```
#01101d
```
#01101d rgb(1,16,29)
```
#021b30
```
#021b30 rgb(2,27,48)
```
#032543
```
#032543 rgb(3,37,67)
```
#033056
```
#033056 rgb(3,48,86)
```
#043a69
```
#043a69 rgb(4,58,105)
```
#05457c
```
#05457c rgb(5,69,124)
```
#054f8f
```
#054f8f rgb(5,79,143)
```
#065aa1
```
#065aa1 rgb(6,90,161)
```
#0764b4
```
#0764b4 rgb(7,100,180)
```
#076fc7
```
#076fc7 rgb(7,111,199)
```
#0879da
```
#0879da rgb(8,121,218)
```
#0984ed
```
#0984ed rgb(9,132,237)
```

Shade Color Variation

#138ef6
```
#138ef6 rgb(19,142,246)
```
#2697f7
```
#2697f7 rgb(38,151,247)
```
#39a0f8
```
#39a0f8 rgb(57,160,248)
```
#4ca9f8
```
#4ca9f8 rgb(76,169,248)
```
#5fb2f9
```
#5fb2f9 rgb(95,178,249)
```
#72bbfa
```
#72bbfa rgb(114,187,250)
```
#85c4fa
```
#85c4fa rgb(133,196,250)
```
#98cdfb
```
#98cdfb rgb(152,205,251)
```
#abd6fc
```
#abd6fc rgb(171,214,252)
```
#bedffd
```
#bedffd rgb(190,223,253)
```
#d0e9fd
```
#d0e9fd rgb(208,233,253)
```
#e3f2fe
```
#e3f2fe rgb(227,242,254)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#acacac
```
#acacac rgb(172,172,172)
```
#a5adb3
```
#a5adb3 rgb(165,173,179)
```
#9fadb9
```
#9fadb9 rgb(159,173,185)
```
#98aec0
```
#98aec0 rgb(152,174,192)
```
#92aec6
```
#92aec6 rgb(146,174,198)
```
#8cafcc
```
#8cafcc rgb(140,175,204)
```
#85afd3
```
#85afd3 rgb(133,175,211)
```
#7fb0d9
```
#7fb0d9 rgb(127,176,217)
```
#79b0df
```
#79b0df rgb(121,176,223)
```
#72b1e6
```
#72b1e6 rgb(114,177,230)
```
#6cb1ec
```
#6cb1ec rgb(108,177,236)
```
#65b2f3
```
#65b2f3 rgb(101,178,243)
```
#5fb2f9
```
#5fb2f9 rgb(95,178,249)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#94a4b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#98adf3 Protanopia 1% of men
#8baffc Deuteranopia 1% of men
#4abecc Tritanopia 0.001% of the population

Trichromacy

#83aff5 Protanomaly 1% of men, 0.01% of women
#7bb0fa Deuteranomaly 6% of men, 0.4% of women
#51badc Tritanomaly 0.01% of the population

#5fb2f9 hex color

#5fb2f9 Color Information

#5fb2f9 Color Conversion

Color Schemes with #5fb2f9

Alternatives to #5fb2f9

#5fb2f9 Preview

Shades and Tints of #5fb2f9

Tones of #5fb2f9

Color Blindness Simulator