#559bfa hex color

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

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

● #559bfa color description : Soft blue.

The hexadecimal color #559bfa has RGB values of R:85, G:155, B:250 and CMYK values of C:0.66, M:0.38, Y:0, K:0.02. Its decimal value is 5610490.

Hex triplet	559bfa	`#559bfa`
RGB Decimal	85, 155, 250	`rgb(85,155,250)`
RGB Percent	33.3, 60.8, 98	`rgb(33.3%,60.8%,98%)`
CMYK	66, 38, 0, 2
HSL	214.5°, 94.3, 65.7	`hsl(214.5,94.3%,65.7%)`
HSV (or HSB)	214.5°, 66, 98
Web Safe	6699ff	`#6699ff`

CIE-LAB	63.569, 7.454, -53.885
XYZ	32.719, 32.274, 94.942
xyY	0.205, 0.202, 32.274
CIE-LCH	63.569, 54.398, 277.875
CIE-LUV	63.569, -28.578, -87.601
Hunter-Lab	56.81, 3.387, -59.32
Binary	01010101, 10011011, 11111010

#559bfa
```
#559bfa rgb(85,155,250)
```
#fab455
```
#fab455 rgb(250,180,85)
```

Complementary Color

#55eefa
```
#55eefa rgb(85,238,250)
```
#559bfa
```
#559bfa rgb(85,155,250)
```
#6255fa
```
#6255fa rgb(98,85,250)
```

Analogous Color

#eefa55
```
#eefa55 rgb(238,250,85)
```
#559bfa
```
#559bfa rgb(85,155,250)
```
#fa6255
```
#fa6255 rgb(250,98,85)
```

Split Complementary Color

#9bfa55
```
#9bfa55 rgb(155,250,85)
```
#559bfa
```
#559bfa rgb(85,155,250)
```
#fa559b
```
#fa559b rgb(250,85,155)
```

Triadic Color

#55fab4
```
#55fab4 rgb(85,250,180)
```
#559bfa
```
#559bfa rgb(85,155,250)
```
#fa559b
```
#fa559b rgb(250,85,155)
```
#fab455
```
#fab455 rgb(250,180,85)
```

Tetradic Color

#0b6ff8
```
#0b6ff8 rgb(11,111,248)
```
#237ef9
```
#237ef9 rgb(35,126,249)
```
#3c8cf9
```
#3c8cf9 rgb(60,140,249)
```
#559bfa
```
#559bfa rgb(85,155,250)
```
#6eaafb
```
#6eaafb rgb(110,170,251)
```
#87b8fb
```
#87b8fb rgb(135,184,251)
```
#9fc7fc
```
#9fc7fc rgb(159,199,252)
```

Monochromatic Color

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

#55c4fa
```
#55c4fa rgb(85,196,250)
```
#55b7fa
```
#55b7fa rgb(85,183,250)
```
#55a9fa
```
#55a9fa rgb(85,169,250)
```
#559bfa
```
#559bfa rgb(85,155,250)
```
#558dfa
```
#558dfa rgb(85,141,250)
```
#5580fa
```
#5580fa rgb(85,128,250)
```
#5572fa
```
#5572fa rgb(85,114,250)
```

Similar Colors

Text with hexadecimal color #559bfa

This text has a font color of #559bfa.

<span style="color:#559bfa;">Text here</span>

#559bfa background color

This paragraph has a background color of #559bfa.

<p style="background-color:#559bfa;">Content here</p>

#559bfa border color

This element has a border color of #559bfa.

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

CSS codes

.text {color:#559bfa;}

.background {background-color:#559bfa;}

.border {border:1px solid #559bfa;}

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 #edf5fe is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#010915
```
#010915 rgb(1,9,21)
```
#011128
```
#011128 rgb(1,17,40)
```
#021a3b
```
#021a3b rgb(2,26,59)
```
#02224e
```
#02224e rgb(2,34,78)
```
#032b61
```
#032b61 rgb(3,43,97)
```
#033374
```
#033374 rgb(3,51,116)
```
#043c87
```
#043c87 rgb(4,60,135)
```
#05449a
```
#05449a rgb(5,68,154)
```
#054cad
```
#054cad rgb(5,76,173)
```
#0655c0
```
#0655c0 rgb(6,85,192)
```
#065dd3
```
#065dd3 rgb(6,93,211)
```
#0766e6
```
#0766e6 rgb(7,102,230)
```

Shade Color Variation

#096ef8
```
#096ef8 rgb(9,110,248)
```
#1c79f8
```
#1c79f8 rgb(28,121,248)
```
#2f85f9
```
#2f85f9 rgb(47,133,249)
```
#4290f9
```
#4290f9 rgb(66,144,249)
```
#559bfa
```
#559bfa rgb(85,155,250)
```
#68a6fb
```
#68a6fb rgb(104,166,251)
```
#7bb1fb
```
#7bb1fb rgb(123,177,251)
```
#8ebdfc
```
#8ebdfc rgb(142,189,252)
```
#a1c8fc
```
#a1c8fc rgb(161,200,252)
```
#b4d3fd
```
#b4d3fd rgb(180,211,253)
```
#c7defd
```
#c7defd rgb(199,222,253)
```
#dae9fe
```
#dae9fe rgb(218,233,254)
```
#edf5fe
```
#edf5fe rgb(237,245,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 #559bfa is the most saturated one.

#a6a7a9
```
#a6a7a9 rgb(166,167,169)
```
#9fa6b0
```
#9fa6b0 rgb(159,166,176)
```
#98a5b7
```
#98a5b7 rgb(152,165,183)
```
#92a4bd
```
#92a4bd rgb(146,164,189)
```
#8ba3c4
```
#8ba3c4 rgb(139,163,196)
```
#84a2cb
```
#84a2cb rgb(132,162,203)
```
#7da1d2
```
#7da1d2 rgb(125,161,210)
```
#77a0d8
```
#77a0d8 rgb(119,160,216)
```
#709fdf
```
#709fdf rgb(112,159,223)
```
#699ee6
```
#699ee6 rgb(105,158,230)
```
#629ded
```
#629ded rgb(98,157,237)
```
#5c9cf3
```
#5c9cf3 rgb(92,156,243)
```
#559bfa
```
#559bfa rgb(85,155,250)
```

Tone Color Variation

Below, you can see how #559bfa 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

#919191 Achromatopsia 0.005% of the population
#8593a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#789cf7 Protanopia 1% of men
#5ea0fa Deuteranopia 1% of men
#1faebb Tritanopia 0.001% of the population

Trichromacy

#6b9bf8 Protanomaly 1% of men, 0.01% of women
#5b9efa Deuteranomaly 6% of men, 0.4% of women
#32a7d1 Tritanomaly 0.01% of the population

#559bfa hex color

#559bfa Color Information

#559bfa Color Conversion

Color Schemes with #559bfa

Alternatives to #559bfa

#559bfa Preview

Shades and Tints of #559bfa

Tones of #559bfa

Color Blindness Simulator