#5989fb hex color

In a RGB color space, hex #5989fb is composed of 34.9% red, 53.7% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 45.4% magenta, 0% yellow and 1.6% black. It has a hue angle of 222.2 degrees, a saturation of 95.3% and a lightness of 66.7%. #5989fb color hex could be obtained by blending #b2ffff with #0013f7. Closest websafe color is: #6699ff.

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

● #5989fb color description : Soft blue.

The hexadecimal color #5989fb has RGB values of R:89, G:137, B:251 and CMYK values of C:0.65, M:0.45, Y:0, K:0.02. Its decimal value is 5868027.

Hex triplet	5989fb	`#5989fb`
RGB Decimal	89, 137, 251	`rgb(89,137,251)`
RGB Percent	34.9, 53.7, 98.4	`rgb(34.9%,53.7%,98.4%)`
CMYK	65, 45, 0, 2
HSL	222.2°, 95.3, 66.7	`hsl(222.2,95.3%,66.7%)`
HSV (or HSB)	222.2°, 64.5, 98.4
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.954, 19.139, -61.787
XYZ	30.474, 26.978, 94.863
xyY	0.2, 0.177, 26.978
CIE-LCH	58.954, 64.683, 287.21
CIE-LUV	58.954, -21.824, -100.387
Hunter-Lab	51.941, 13.832, -71.927
Binary	01011001, 10001001, 11111011

#5989fb
```
#5989fb rgb(89,137,251)
```
#fbcb59
```
#fbcb59 rgb(251,203,89)
```

Complementary Color

#59dafb
```
#59dafb rgb(89,218,251)
```
#5989fb
```
#5989fb rgb(89,137,251)
```
#7a59fb
```
#7a59fb rgb(122,89,251)
```

Analogous Color

#dafb59
```
#dafb59 rgb(218,251,89)
```
#5989fb
```
#5989fb rgb(89,137,251)
```
#fb7a59
```
#fb7a59 rgb(251,122,89)
```

Split Complementary Color

#89fb59
```
#89fb59 rgb(137,251,89)
```
#5989fb
```
#5989fb rgb(89,137,251)
```
#fb5989
```
#fb5989 rgb(251,89,137)
```

Triadic Color

#59fbcb
```
#59fbcb rgb(89,251,203)
```
#5989fb
```
#5989fb rgb(89,137,251)
```
#fb5989
```
#fb5989 rgb(251,89,137)
```
#fbcb59
```
#fbcb59 rgb(251,203,89)
```

Tetradic Color

#0e54f9
```
#0e54f9 rgb(14,84,249)
```
#2766fa
```
#2766fa rgb(39,102,250)
```
#4077fa
```
#4077fa rgb(64,119,250)
```
#5989fb
```
#5989fb rgb(89,137,251)
```
#729bfc
```
#729bfc rgb(114,155,252)
```
#8bacfc
```
#8bacfc rgb(139,172,252)
```
#a4befd
```
#a4befd rgb(164,190,253)
```

Monochromatic Color

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

#59b2fb
```
#59b2fb rgb(89,178,251)
```
#59a4fb
```
#59a4fb rgb(89,164,251)
```
#5997fb
```
#5997fb rgb(89,151,251)
```
#5989fb
```
#5989fb rgb(89,137,251)
```
#597cfb
```
#597cfb rgb(89,124,251)
```
#596efb
```
#596efb rgb(89,110,251)
```
#5961fb
```
#5961fb rgb(89,97,251)
```

Similar Colors

Text with hexadecimal color #5989fb

This text has a font color of #5989fb.

<span style="color:#5989fb;">Text here</span>

#5989fb background color

This paragraph has a background color of #5989fb.

<p style="background-color:#5989fb;">Content here</p>

#5989fb border color

This element has a border color of #5989fb.

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

CSS codes

.text {color:#5989fb;}

.background {background-color:#5989fb;}

.border {border:1px solid #5989fb;}

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

#000206
```
#000206 rgb(0,2,6)
```
#01081a
```
#01081a rgb(1,8,26)
```
#010e2d
```
#010e2d rgb(1,14,45)
```
#021440
```
#021440 rgb(2,20,64)
```
#021a53
```
#021a53 rgb(2,26,83)
```
#022066
```
#022066 rgb(2,32,102)
```
#032679
```
#032679 rgb(3,38,121)
```
#032c8c
```
#032c8c rgb(3,44,140)
```
#0432a0
```
#0432a0 rgb(4,50,160)
```
#0438b3
```
#0438b3 rgb(4,56,179)
```
#053ec6
```
#053ec6 rgb(5,62,198)
```
#0544d9
```
#0544d9 rgb(5,68,217)
```
#064aec
```
#064aec rgb(6,74,236)
```

Shade Color Variation

#0c53f9
```
#0c53f9 rgb(12,83,249)
```
#2060fa
```
#2060fa rgb(32,96,250)
```
#336efa
```
#336efa rgb(51,110,250)
```
#467bfb
```
#467bfb rgb(70,123,251)
```
#5989fb
```
#5989fb rgb(89,137,251)
```
#6c97fb
```
#6c97fb rgb(108,151,251)
```
#7fa4fc
```
#7fa4fc rgb(127,164,252)
```
#92b2fc
```
#92b2fc rgb(146,178,252)
```
#a6bffd
```
#a6bffd rgb(166,191,253)
```
#b9cdfd
```
#b9cdfd rgb(185,205,253)
```
#ccdbfe
```
#ccdbfe rgb(204,219,254)
```
#dfe8fe
```
#dfe8fe rgb(223,232,254)
```
#f2f6ff
```
#f2f6ff rgb(242,246,255)
```

Tint Color Variation

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

#a7a9ad
```
#a7a9ad rgb(167,169,173)
```
#a1a6b3
```
#a1a6b3 rgb(161,166,179)
```
#9aa4ba
```
#9aa4ba rgb(154,164,186)
```
#94a1c0
```
#94a1c0 rgb(148,161,192)
```
#8d9ec7
```
#8d9ec7 rgb(141,158,199)
```
#879ccd
```
#879ccd rgb(135,156,205)
```
#8099d4
```
#8099d4 rgb(128,153,212)
```
#7a96da
```
#7a96da rgb(122,150,218)
```
#7394e1
```
#7394e1 rgb(115,148,225)
```
#6d91e7
```
#6d91e7 rgb(109,145,231)
```
#668eee
```
#668eee rgb(102,142,238)
```
#608cf4
```
#608cf4 rgb(96,140,244)
```
#5989fb
```
#5989fb rgb(89,137,251)
```

Tone Color Variation

Below, you can see how #5989fb 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

#888888 Achromatopsia 0.005% of the population
#7f889f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5990fc Protanopia 1% of men
#2695f8 Deuteranopia 1% of men
#0aa2ad Tritanopia 0.001% of the population

Trichromacy

#598dfb Protanomaly 1% of men, 0.01% of women
#3891f9 Deuteranomaly 6% of men, 0.4% of women
#2798c9 Tritanomaly 0.01% of the population

#5989fb hex color

#5989fb Color Information

#5989fb Color Conversion

Color Schemes with #5989fb

Alternatives to #5989fb

#5989fb Preview

Shades and Tints of #5989fb

Tones of #5989fb

Color Blindness Simulator