#5fa9f2 hex color

In a RGB color space, hex #5fa9f2 is composed of 37.3% red, 66.3% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 30.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 209.8 degrees, a saturation of 85% and a lightness of 66.1%. #5fa9f2 color hex could be obtained by blending #beffff with #0053e5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 66
- B 95
RGB color chart
- C 61
- M 30
- Y 0
- K 5
CMYK color chart

● #5fa9f2 color description : Soft blue.

The hexadecimal color #5fa9f2 has RGB values of R:95, G:169, B:242 and CMYK values of C:0.61, M:0.3, Y:0, K:0.05. Its decimal value is 6269426.

Hex triplet	5fa9f2	`#5fa9f2`
RGB Decimal	95, 169, 242	`rgb(95,169,242)`
RGB Percent	37.3, 66.3, 94.9	`rgb(37.3%,66.3%,94.9%)`
CMYK	61, 30, 0, 5
HSL	209.8°, 85, 66.1	`hsl(209.8,85%,66.1%)`
HSV (or HSB)	209.8°, 60.7, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	67.44, -1.509, -43.377
XYZ	34.931, 37.217, 89.342
xyY	0.216, 0.23, 37.217
CIE-LCH	67.44, 43.403, 268.007
CIE-LUV	67.44, -31.213, -69.614
Hunter-Lab	61.006, -4.556, -44.125
Binary	01011111, 10101001, 11110010

#5fa9f2
```
#5fa9f2 rgb(95,169,242)
```
#f2a85f
```
#f2a85f rgb(242,168,95)
```

Complementary Color

#5ff2f2
```
#5ff2f2 rgb(95,242,242)
```
#5fa9f2
```
#5fa9f2 rgb(95,169,242)
```
#5f5ff2
```
#5f5ff2 rgb(95,95,242)
```

Analogous Color

#f2f25f
```
#f2f25f rgb(242,242,95)
```
#5fa9f2
```
#5fa9f2 rgb(95,169,242)
```
#f25f5f
```
#f25f5f rgb(242,95,95)
```

Split Complementary Color

#a9f25f
```
#a9f25f rgb(169,242,95)
```
#5fa9f2
```
#5fa9f2 rgb(95,169,242)
```
#f25fa9
```
#f25fa9 rgb(242,95,169)
```

Triadic Color

#5ff2a8
```
#5ff2a8 rgb(95,242,168)
```
#5fa9f2
```
#5fa9f2 rgb(95,169,242)
```
#f25fa9
```
#f25fa9 rgb(242,95,169)
```
#f2a85f
```
#f2a85f rgb(242,168,95)
```

Tetradic Color

#1883ec
```
#1883ec rgb(24,131,236)
```
#3090ee
```
#3090ee rgb(48,144,238)
```
#479cf0
```
#479cf0 rgb(71,156,240)
```
#5fa9f2
```
#5fa9f2 rgb(95,169,242)
```
#77b6f4
```
#77b6f4 rgb(119,182,244)
```
#8ec2f6
```
#8ec2f6 rgb(142,194,246)
```
#a6cff8
```
#a6cff8 rgb(166,207,248)
```

Monochromatic Color

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

#5fcef2
```
#5fcef2 rgb(95,206,242)
```
#5fc2f2
```
#5fc2f2 rgb(95,194,242)
```
#5fb5f2
```
#5fb5f2 rgb(95,181,242)
```
#5fa9f2
```
#5fa9f2 rgb(95,169,242)
```
#5f9df2
```
#5f9df2 rgb(95,157,242)
```
#5f91f2
```
#5f91f2 rgb(95,145,242)
```
#5f84f2
```
#5f84f2 rgb(95,132,242)
```

Similar Colors

Text with hexadecimal color #5fa9f2

This text has a font color of #5fa9f2.

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

#5fa9f2 background color

This paragraph has a background color of #5fa9f2.

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

#5fa9f2 border color

This element has a border color of #5fa9f2.

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

CSS codes

.text {color:#5fa9f2;}

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

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

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, #000203 is the darkest color, while #f0f7fe is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#020c15
```
#020c15 rgb(2,12,21)
```
#031628
```
#031628 rgb(3,22,40)
```
#051f3a
```
#051f3a rgb(5,31,58)
```
#06294c
```
#06294c rgb(6,41,76)
```
#08335e
```
#08335e rgb(8,51,94)
```
#093d70
```
#093d70 rgb(9,61,112)
```
#0b4782
```
#0b4782 rgb(11,71,130)
```
#0c5194
```
#0c5194 rgb(12,81,148)
```
#0e5ba7
```
#0e5ba7 rgb(14,91,167)
```
#0f64b9
```
#0f64b9 rgb(15,100,185)
```
#106ecb
```
#106ecb rgb(16,110,203)
```
#1278dd
```
#1278dd rgb(18,120,221)
```

Shade Color Variation

#1682ec
```
#1682ec rgb(22,130,236)
```
#298cee
```
#298cee rgb(41,140,238)
```
#3b95ef
```
#3b95ef rgb(59,149,239)
```
#4d9ff1
```
#4d9ff1 rgb(77,159,241)
```
#5fa9f2
```
#5fa9f2 rgb(95,169,242)
```
#71b3f3
```
#71b3f3 rgb(113,179,243)
```
#83bdf5
```
#83bdf5 rgb(131,189,245)
```
#95c6f6
```
#95c6f6 rgb(149,198,246)
```
#a8d0f8
```
#a8d0f8 rgb(168,208,248)
```
#badaf9
```
#badaf9 rgb(186,218,249)
```
#cce4fb
```
#cce4fb rgb(204,228,251)
```
#deedfc
```
#deedfc rgb(222,237,252)
```
#f0f7fe
```
#f0f7fe rgb(240,247,254)
```

Tint Color Variation

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

#a8a9a9
```
#a8a9a9 rgb(168,169,169)
```
#a2a9af
```
#a2a9af rgb(162,169,175)
```
#9ba9b6
```
#9ba9b6 rgb(155,169,182)
```
#94a9bd
```
#94a9bd rgb(148,169,189)
```
#8ea9c3
```
#8ea9c3 rgb(142,169,195)
```
#87a9ca
```
#87a9ca rgb(135,169,202)
```
#80a9d1
```
#80a9d1 rgb(128,169,209)
```
#7aa9d7
```
#7aa9d7 rgb(122,169,215)
```
#73a9de
```
#73a9de rgb(115,169,222)
```
#6ca9e5
```
#6ca9e5 rgb(108,169,229)
```
#66a9eb
```
#66a9eb rgb(102,169,235)
```
#5fa9f2
```
#5fa9f2 rgb(95,169,242)
```
#58a9f9
```
#58a9f9 rgb(88,169,249)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#8f9eac Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa6ed Protanopia 1% of men
#82a8f4 Deuteranopia 1% of men
#4ab6c4 Tritanopia 0.001% of the population

Trichromacy

#7ea7ef Protanomaly 1% of men, 0.01% of women
#75a8f3 Deuteranomaly 6% of men, 0.4% of women
#51b1d4 Tritanomaly 0.01% of the population

#5fa9f2 hex color

#5fa9f2 Color Information

#5fa9f2 Color Conversion

Color Schemes with #5fa9f2

Alternatives to #5fa9f2

#5fa9f2 Preview

Shades and Tints of #5fa9f2

Tones of #5fa9f2

Color Blindness Simulator