#5fb9fc hex color

In a RGB color space, hex #5fb9fc is composed of 37.3% red, 72.5% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 26.6% magenta, 0% yellow and 1.2% black. It has a hue angle of 205.6 degrees, a saturation of 96.3% and a lightness of 68%. #5fb9fc color hex could be obtained by blending #beffff with #0073f9. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 37
- G 73
- B 99
RGB color chart
- C 62
- M 27
- Y 0
- K 1
CMYK color chart

● #5fb9fc color description : Soft blue.

The hexadecimal color #5fb9fc has RGB values of R:95, G:185, B:252 and CMYK values of C:0.62, M:0.27, Y:0, K:0.01. Its decimal value is 6273532.

Hex triplet	5fb9fc	`#5fb9fc`
RGB Decimal	95, 185, 252	`rgb(95,185,252)`
RGB Percent	37.3, 72.5, 98.8	`rgb(37.3%,72.5%,98.8%)`
CMYK	62, 27, 0, 1
HSL	205.6°, 96.3, 68	`hsl(205.6,96.3%,68%)`
HSV (or HSB)	205.6°, 62.3, 98.8
Web Safe	66ccff	`#66ccff`

CIE-LAB	72.333, -7.195, -41.147
XYZ	39.635, 44.156, 98.524
xyY	0.217, 0.242, 44.156
CIE-LCH	72.333, 41.771, 260.082
CIE-LUV	72.333, -36.59, -65.78
Hunter-Lab	66.45, -9.82, -41.393
Binary	01011111, 10111001, 11111100

#5fb9fc
```
#5fb9fc rgb(95,185,252)
```
#fca25f
```
#fca25f rgb(252,162,95)
```

Complementary Color

#5ffcf1
```
#5ffcf1 rgb(95,252,241)
```
#5fb9fc
```
#5fb9fc rgb(95,185,252)
```
#5f6bfc
```
#5f6bfc rgb(95,107,252)
```

Analogous Color

#fcf15f
```
#fcf15f rgb(252,241,95)
```
#5fb9fc
```
#5fb9fc rgb(95,185,252)
```
#fc5f6b
```
#fc5f6b rgb(252,95,107)
```

Split Complementary Color

#b9fc5f
```
#b9fc5f rgb(185,252,95)
```
#5fb9fc
```
#5fb9fc rgb(95,185,252)
```
#fc5fb9
```
#fc5fb9 rgb(252,95,185)
```

Triadic Color

#5ffca2
```
#5ffca2 rgb(95,252,162)
```
#5fb9fc
```
#5fb9fc rgb(95,185,252)
```
#fc5fb9
```
#fc5fb9 rgb(252,95,185)
```
#fca25f
```
#fca25f rgb(252,162,95)
```

Tetradic Color

#1498fb
```
#1498fb rgb(20,152,251)
```
#2da3fb
```
#2da3fb rgb(45,163,251)
```
#46aefc
```
#46aefc rgb(70,174,252)
```
#5fb9fc
```
#5fb9fc rgb(95,185,252)
```
#78c4fc
```
#78c4fc rgb(120,196,252)
```
#91cffd
```
#91cffd rgb(145,207,253)
```
#aadafd
```
#aadafd rgb(170,218,253)
```

Monochromatic Color

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

#5fe0fc
```
#5fe0fc rgb(95,224,252)
```
#5fd3fc
```
#5fd3fc rgb(95,211,252)
```
#5fc6fc
```
#5fc6fc rgb(95,198,252)
```
#5fb9fc
```
#5fb9fc rgb(95,185,252)
```
#5facfc
```
#5facfc rgb(95,172,252)
```
#5f9ffc
```
#5f9ffc rgb(95,159,252)
```
#5f92fc
```
#5f92fc rgb(95,146,252)
```

Similar Colors

Text with hexadecimal color #5fb9fc

This text has a font color of #5fb9fc.

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

#5fb9fc background color

This paragraph has a background color of #5fb9fc.

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

#5fb9fc border color

This element has a border color of #5fb9fc.

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

CSS codes

.text {color:#5fb9fc;}

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

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

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, #00080d is the darkest color, while #f9fcff is the lightest one.

#00080d
```
#00080d rgb(0,8,13)
```
#011321
```
#011321 rgb(1,19,33)
```
#011e34
```
#011e34 rgb(1,30,52)
```
#012947
```
#012947 rgb(1,41,71)
```
#02345a
```
#02345a rgb(2,52,90)
```
#02406e
```
#02406e rgb(2,64,110)
```
#024b81
```
#024b81 rgb(2,75,129)
```
#035694
```
#035694 rgb(3,86,148)
```
#0361a7
```
#0361a7 rgb(3,97,167)
```
#036cbb
```
#036cbb rgb(3,108,187)
```
#0478ce
```
#0478ce rgb(4,120,206)
```
#0483e1
```
#0483e1 rgb(4,131,225)
```
#058ef4
```
#058ef4 rgb(5,142,244)
```

Shade Color Variation

#1297fb
```
#1297fb rgb(18,151,251)
```
#25a0fb
```
#25a0fb rgb(37,160,251)
```
#38a8fb
```
#38a8fb rgb(56,168,251)
```
#4cb1fc
```
#4cb1fc rgb(76,177,252)
```
#5fb9fc
```
#5fb9fc rgb(95,185,252)
```
#72c1fc
```
#72c1fc rgb(114,193,252)
```
#86cafd
```
#86cafd rgb(134,202,253)
```
#99d2fd
```
#99d2fd rgb(153,210,253)
```
#acdbfd
```
#acdbfd rgb(172,219,253)
```
#bfe3fe
```
#bfe3fe rgb(191,227,254)
```
#d3ecfe
```
#d3ecfe rgb(211,236,254)
```
#e6f4ff
```
#e6f4ff rgb(230,244,255)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#aaaeb1
```
#aaaeb1 rgb(170,174,177)
```
#a4afb7
```
#a4afb7 rgb(164,175,183)
```
#9eb0bd
```
#9eb0bd rgb(158,176,189)
```
#97b1c4
```
#97b1c4 rgb(151,177,196)
```
#91b2ca
```
#91b2ca rgb(145,178,202)
```
#8bb3d0
```
#8bb3d0 rgb(139,179,208)
```
#85b3d6
```
#85b3d6 rgb(133,179,214)
```
#7eb4dd
```
#7eb4dd rgb(126,180,221)
```
#78b5e3
```
#78b5e3 rgb(120,181,227)
```
#72b6e9
```
#72b6e9 rgb(114,182,233)
```
#6cb7ef
```
#6cb7ef rgb(108,183,239)
```
#65b8f6
```
#65b8f6 rgb(101,184,246)
```
#5fb9fc
```
#5fb9fc rgb(95,185,252)
```

Tone Color Variation

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

Dichromacy

#9fb3f5 Protanopia 1% of men
#94b4ff Deuteranopia 1% of men
#4cc4d3 Tritanopia 0.001% of the population

Trichromacy

#88b5f7 Protanomaly 1% of men, 0.01% of women
#81b5fd Deuteranomaly 6% of men, 0.4% of women
#53c0e2 Tritanomaly 0.01% of the population

#5fb9fc hex color

#5fb9fc Color Information

#5fb9fc Color Conversion

Color Schemes with #5fb9fc

Alternatives to #5fb9fc

#5fb9fc Preview

Shades and Tints of #5fb9fc

Tones of #5fb9fc

Color Blindness Simulator