#5589fa hex color

In a RGB color space, hex #5589fa is composed of 33.3% red, 53.7% green and 98% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 45.2% magenta, 0% yellow and 2% black. It has a hue angle of 221.1 degrees, a saturation of 94.3% and a lightness of 65.7%. #5589fa color hex could be obtained by blending #aaffff with #0013f5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 54
- B 98
RGB color chart
- C 66
- M 45
- Y 0
- K 2
CMYK color chart

● #5589fa color description : Soft blue.

The hexadecimal color #5589fa has RGB values of R:85, G:137, B:250 and CMYK values of C:0.66, M:0.45, Y:0, K:0.02. Its decimal value is 5605882.

Hex triplet	5589fa	`#5589fa`
RGB Decimal	85, 137, 250	`rgb(85,137,250)`
RGB Percent	33.3, 53.7, 98	`rgb(33.3%,53.7%,98%)`
CMYK	66, 45, 0, 2
HSL	221.1°, 94.3, 65.7	`hsl(221.1,94.3%,65.7%)`
HSV (or HSB)	221.1°, 66, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.717, 18.163, -61.627
XYZ	29.944, 26.723, 94.017
xyY	0.199, 0.177, 26.723
CIE-LCH	58.717, 64.248, 286.422
CIE-LUV	58.717, -22.759, -99.953
Hunter-Lab	51.694, 12.93, -71.646
Binary	01010101, 10001001, 11111010

#5589fa
```
#5589fa rgb(85,137,250)
```
#fac655
```
#fac655 rgb(250,198,85)
```

Complementary Color

#55dcfa
```
#55dcfa rgb(85,220,250)
```
#5589fa
```
#5589fa rgb(85,137,250)
```
#7455fa
```
#7455fa rgb(116,85,250)
```

Analogous Color

#dcfa55
```
#dcfa55 rgb(220,250,85)
```
#5589fa
```
#5589fa rgb(85,137,250)
```
#fa7455
```
#fa7455 rgb(250,116,85)
```

Split Complementary Color

#89fa55
```
#89fa55 rgb(137,250,85)
```
#5589fa
```
#5589fa rgb(85,137,250)
```
#fa5589
```
#fa5589 rgb(250,85,137)
```

Triadic Color

#55fac6
```
#55fac6 rgb(85,250,198)
```
#5589fa
```
#5589fa rgb(85,137,250)
```
#fa5589
```
#fa5589 rgb(250,85,137)
```
#fac655
```
#fac655 rgb(250,198,85)
```

Tetradic Color

#0b55f8
```
#0b55f8 rgb(11,85,248)
```
#2367f9
```
#2367f9 rgb(35,103,249)
```
#3c78f9
```
#3c78f9 rgb(60,120,249)
```
#5589fa
```
#5589fa rgb(85,137,250)
```
#6e9afb
```
#6e9afb rgb(110,154,251)
```
#87abfb
```
#87abfb rgb(135,171,251)
```
#9fbdfc
```
#9fbdfc rgb(159,189,252)
```

Monochromatic Color

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

#55b2fa
```
#55b2fa rgb(85,178,250)
```
#55a5fa
```
#55a5fa rgb(85,165,250)
```
#5597fa
```
#5597fa rgb(85,151,250)
```
#5589fa
```
#5589fa rgb(85,137,250)
```
#557bfa
```
#557bfa rgb(85,123,250)
```
#556efa
```
#556efa rgb(85,110,250)
```
#5560fa
```
#5560fa rgb(85,96,250)
```

Similar Colors

Text with hexadecimal color #5589fa

This text has a font color of #5589fa.

<span style="color:#5589fa;">Text here</span>

#5589fa background color

This paragraph has a background color of #5589fa.

<p style="background-color:#5589fa;">Content here</p>

#5589fa border color

This element has a border color of #5589fa.

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

CSS codes

.text {color:#5589fa;}

.background {background-color:#5589fa;}

.border {border:1px solid #5589fa;}

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

#000101
```
#000101 rgb(0,1,1)
```
#010715
```
#010715 rgb(1,7,21)
```
#010d28
```
#010d28 rgb(1,13,40)
```
#02143b
```
#02143b rgb(2,20,59)
```
#021a4e
```
#021a4e rgb(2,26,78)
```
#032061
```
#032061 rgb(3,32,97)
```
#032774
```
#032774 rgb(3,39,116)
```
#042d87
```
#042d87 rgb(4,45,135)
```
#05349a
```
#05349a rgb(5,52,154)
```
#053aad
```
#053aad rgb(5,58,173)
```
#0640c0
```
#0640c0 rgb(6,64,192)
```
#0647d3
```
#0647d3 rgb(6,71,211)
```
#074de6
```
#074de6 rgb(7,77,230)
```

Shade Color Variation

#0954f8
```
#0954f8 rgb(9,84,248)
```
#1c61f8
```
#1c61f8 rgb(28,97,248)
```
#2f6ff9
```
#2f6ff9 rgb(47,111,249)
```
#427cf9
```
#427cf9 rgb(66,124,249)
```
#5589fa
```
#5589fa rgb(85,137,250)
```
#6896fb
```
#6896fb rgb(104,150,251)
```
#7ba3fb
```
#7ba3fb rgb(123,163,251)
```
#8eb1fc
```
#8eb1fc rgb(142,177,252)
```
#a1befc
```
#a1befc rgb(161,190,252)
```
#b4cbfd
```
#b4cbfd rgb(180,203,253)
```
#c7d8fd
```
#c7d8fd rgb(199,216,253)
```
#dae6fe
```
#dae6fe rgb(218,230,254)
```
#edf3fe
```
#edf3fe rgb(237,243,254)
```

Tint Color Variation

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

#a6a7a9
```
#a6a7a9 rgb(166,167,169)
```
#9fa4b0
```
#9fa4b0 rgb(159,164,176)
```
#98a2b7
```
#98a2b7 rgb(152,162,183)
```
#929fbd
```
#929fbd rgb(146,159,189)
```
#8b9dc4
```
#8b9dc4 rgb(139,157,196)
```
#849acb
```
#849acb rgb(132,154,203)
```
#7d98d2
```
#7d98d2 rgb(125,152,210)
```
#7795d8
```
#7795d8 rgb(119,149,216)
```
#7093df
```
#7093df rgb(112,147,223)
```
#6990e6
```
#6990e6 rgb(105,144,230)
```
#628eed
```
#628eed rgb(98,142,237)
```
#5c8bf3
```
#5c8bf3 rgb(92,139,243)
```
#5589fa
```
#5589fa rgb(85,137,250)
```

Tone Color Variation

Below, you can see how #5589fa 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

#868686 Achromatopsia 0.005% of the population
#7c879d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a8ffa Protanopia 1% of men
#2495f7 Deuteranopia 1% of men
#00a1ad Tritanopia 0.001% of the population

Trichromacy

#588dfa Protanomaly 1% of men, 0.01% of women
#3590f8 Deuteranomaly 6% of men, 0.4% of women
#1e98c9 Tritanomaly 0.01% of the population

#5589fa hex color

#5589fa Color Information

#5589fa Color Conversion

Color Schemes with #5589fa

Alternatives to #5589fa

#5589fa Preview

Shades and Tints of #5589fa

Tones of #5589fa

Color Blindness Simulator