#5f90f9 hex color

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

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

● #5f90f9 color description : Soft blue.

The hexadecimal color #5f90f9 has RGB values of R:95, G:144, B:249 and CMYK values of C:0.62, M:0.42, Y:0, K:0.02. Its decimal value is 6263033.

Hex triplet	5f90f9	`#5f90f9`
RGB Decimal	95, 144, 249	`rgb(95,144,249)`
RGB Percent	37.3, 56.5, 97.6	`rgb(37.3%,56.5%,97.6%)`
CMYK	62, 42, 0, 2
HSL	220.9°, 92.8, 67.5	`hsl(220.9,92.8%,67.5%)`
HSV (or HSB)	220.9°, 61.8, 97.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.973, 15.286, -57.443
XYZ	31.788, 29.217, 93.582
xyY	0.206, 0.189, 29.217
CIE-LCH	60.973, 59.442, 284.901
CIE-LUV	60.973, -22.577, -93.611
Hunter-Lab	54.053, 10.381, -64.812
Binary	01011111, 10010000, 11111001

#5f90f9
```
#5f90f9 rgb(95,144,249)
```
#f9c85f
```
#f9c85f rgb(249,200,95)
```

Complementary Color

#5fddf9
```
#5fddf9 rgb(95,221,249)
```
#5f90f9
```
#5f90f9 rgb(95,144,249)
```
#7b5ff9
```
#7b5ff9 rgb(123,95,249)
```

Analogous Color

#ddf95f
```
#ddf95f rgb(221,249,95)
```
#5f90f9
```
#5f90f9 rgb(95,144,249)
```
#f97b5f
```
#f97b5f rgb(249,123,95)
```

Split Complementary Color

#90f95f
```
#90f95f rgb(144,249,95)
```
#5f90f9
```
#5f90f9 rgb(95,144,249)
```
#f95f90
```
#f95f90 rgb(249,95,144)
```

Triadic Color

#5ff9c8
```
#5ff9c8 rgb(95,249,200)
```
#5f90f9
```
#5f90f9 rgb(95,144,249)
```
#f95f90
```
#f95f90 rgb(249,95,144)
```
#f9c85f
```
#f9c85f rgb(249,200,95)
```

Tetradic Color

#155df6
```
#155df6 rgb(21,93,246)
```
#2e6ef7
```
#2e6ef7 rgb(46,110,247)
```
#467ff8
```
#467ff8 rgb(70,127,248)
```
#5f90f9
```
#5f90f9 rgb(95,144,249)
```
#78a1fa
```
#78a1fa rgb(120,161,250)
```
#90b2fb
```
#90b2fb rgb(144,178,251)
```
#a9c3fc
```
#a9c3fc rgb(169,195,252)
```

Monochromatic Color

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

#5fb7f9
```
#5fb7f9 rgb(95,183,249)
```
#5faaf9
```
#5faaf9 rgb(95,170,249)
```
#5f9df9
```
#5f9df9 rgb(95,157,249)
```
#5f90f9
```
#5f90f9 rgb(95,144,249)
```
#5f83f9
```
#5f83f9 rgb(95,131,249)
```
#5f76f9
```
#5f76f9 rgb(95,118,249)
```
#5f6af9
```
#5f6af9 rgb(95,106,249)
```

Similar Colors

Text with hexadecimal color #5f90f9

This text has a font color of #5f90f9.

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

#5f90f9 background color

This paragraph has a background color of #5f90f9.

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

#5f90f9 border color

This element has a border color of #5f90f9.

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

CSS codes

.text {color:#5f90f9;}

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

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

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

#00030a
```
#00030a rgb(0,3,10)
```
#010a1d
```
#010a1d rgb(1,10,29)
```
#021030
```
#021030 rgb(2,16,48)
```
#031743
```
#031743 rgb(3,23,67)
```
#031d56
```
#031d56 rgb(3,29,86)
```
#042469
```
#042469 rgb(4,36,105)
```
#052a7c
```
#052a7c rgb(5,42,124)
```
#05318f
```
#05318f rgb(5,49,143)
```
#0637a1
```
#0637a1 rgb(6,55,161)
```
#073eb4
```
#073eb4 rgb(7,62,180)
```
#0744c7
```
#0744c7 rgb(7,68,199)
```
#084bda
```
#084bda rgb(8,75,218)
```
#0951ed
```
#0951ed rgb(9,81,237)
```

Shade Color Variation

#135cf6
```
#135cf6 rgb(19,92,246)
```
#2669f7
```
#2669f7 rgb(38,105,247)
```
#3976f8
```
#3976f8 rgb(57,118,248)
```
#4c83f8
```
#4c83f8 rgb(76,131,248)
```
#5f90f9
```
#5f90f9 rgb(95,144,249)
```
#729dfa
```
#729dfa rgb(114,157,250)
```
#85aafa
```
#85aafa rgb(133,170,250)
```
#98b7fb
```
#98b7fb rgb(152,183,251)
```
#abc4fc
```
#abc4fc rgb(171,196,252)
```
#bed2fd
```
#bed2fd rgb(190,210,253)
```
#d0dffd
```
#d0dffd rgb(208,223,253)
```
#e3ecfe
```
#e3ecfe rgb(227,236,254)
```
#f6f9ff
```
#f6f9ff rgb(246,249,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 #5f90f9 is the most saturated one.

#acacac
```
#acacac rgb(172,172,172)
```
#a5aab3
```
#a5aab3 rgb(165,170,179)
```
#9fa7b9
```
#9fa7b9 rgb(159,167,185)
```
#98a5c0
```
#98a5c0 rgb(152,165,192)
```
#92a3c6
```
#92a3c6 rgb(146,163,198)
```
#8ca0cc
```
#8ca0cc rgb(140,160,204)
```
#859ed3
```
#859ed3 rgb(133,158,211)
```
#7f9cd9
```
#7f9cd9 rgb(127,156,217)
```
#7999df
```
#7999df rgb(121,153,223)
```
#7297e6
```
#7297e6 rgb(114,151,230)
```
#6c95ec
```
#6c95ec rgb(108,149,236)
```
#6592f3
```
#6592f3 rgb(101,146,243)
```
#5f90f9
```
#5f90f9 rgb(95,144,249)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#848ea3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6995f9 Protanopia 1% of men
#4a9af7 Deuteranopia 1% of men
#34a6b2 Tritanopia 0.001% of the population

Trichromacy

#6593f9 Protanomaly 1% of men, 0.01% of women
#5296f8 Deuteranomaly 6% of men, 0.4% of women
#449ecc Tritanomaly 0.01% of the population

#5f90f9 hex color

#5f90f9 Color Information

#5f90f9 Color Conversion

Color Schemes with #5f90f9

Alternatives to #5f90f9

#5f90f9 Preview

Shades and Tints of #5f90f9

Tones of #5f90f9

Color Blindness Simulator