#559aef hex color

In a RGB color space, hex #559aef is composed of 33.3% red, 60.4% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 35.6% magenta, 0% yellow and 6.3% black. It has a hue angle of 213.1 degrees, a saturation of 82.8% and a lightness of 63.5%. #559aef color hex could be obtained by blending #aaffff with #0035df. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 33
- G 60
- B 94
RGB color chart
- C 64
- M 36
- Y 0
- K 6
CMYK color chart

● #559aef color description : Soft blue.

The hexadecimal color #559aef has RGB values of R:85, G:154, B:239 and CMYK values of C:0.64, M:0.36, Y:0, K:0.06. Its decimal value is 5610223.

Hex triplet	559aef	`#559aef`
RGB Decimal	85, 154, 239	`rgb(85,154,239)`
RGB Percent	33.3, 60.4, 93.7	`rgb(33.3%,60.4%,93.7%)`
CMYK	64, 36, 0, 6
HSL	213.1°, 82.8, 63.5	`hsl(213.1,82.8%,63.5%)`
HSV (or HSB)	213.1°, 64.4, 93.7
Web Safe	6699ff	`#6699ff`

CIE-LAB	62.737, 4.34, -49.168
XYZ	30.878, 31.272, 86.066
xyY	0.208, 0.211, 31.272
CIE-LCH	62.737, 49.359, 275.044
CIE-LUV	62.737, -28.487, -79.198
Hunter-Lab	55.922, 0.699, -52.104
Binary	01010101, 10011010, 11101111

#559aef
```
#559aef rgb(85,154,239)
```
#efaa55
```
#efaa55 rgb(239,170,85)
```

Complementary Color

#55e7ef
```
#55e7ef rgb(85,231,239)
```
#559aef
```
#559aef rgb(85,154,239)
```
#5d55ef
```
#5d55ef rgb(93,85,239)
```

Analogous Color

#e7ef55
```
#e7ef55 rgb(231,239,85)
```
#559aef
```
#559aef rgb(85,154,239)
```
#ef5d55
```
#ef5d55 rgb(239,93,85)
```

Split Complementary Color

#9aef55
```
#9aef55 rgb(154,239,85)
```
#559aef
```
#559aef rgb(85,154,239)
```
#ef559a
```
#ef559a rgb(239,85,154)
```

Triadic Color

#55efaa
```
#55efaa rgb(85,239,170)
```
#559aef
```
#559aef rgb(85,154,239)
```
#ef559a
```
#ef559a rgb(239,85,154)
```
#efaa55
```
#efaa55 rgb(239,170,85)
```

Tetradic Color

#1571e2
```
#1571e2 rgb(21,113,226)
```
#267eeb
```
#267eeb rgb(38,126,235)
```
#3e8ced
```
#3e8ced rgb(62,140,237)
```
#559aef
```
#559aef rgb(85,154,239)
```
#6ca8f1
```
#6ca8f1 rgb(108,168,241)
```
#84b6f3
```
#84b6f3 rgb(132,182,243)
```
#9bc4f6
```
#9bc4f6 rgb(155,196,246)
```

Monochromatic Color

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

#55c1ef
```
#55c1ef rgb(85,193,239)
```
#55b4ef
```
#55b4ef rgb(85,180,239)
```
#55a7ef
```
#55a7ef rgb(85,167,239)
```
#559aef
```
#559aef rgb(85,154,239)
```
#558def
```
#558def rgb(85,141,239)
```
#5580ef
```
#5580ef rgb(85,128,239)
```
#5574ef
```
#5574ef rgb(85,116,239)
```

Similar Colors

Text with hexadecimal color #559aef

This text has a font color of #559aef.

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

#559aef background color

This paragraph has a background color of #559aef.

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

#559aef border color

This element has a border color of #559aef.

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

CSS codes

.text {color:#559aef;}

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

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

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

#010509
```
#010509 rgb(1,5,9)
```
#030e1b
```
#030e1b rgb(3,14,27)
```
#04172d
```
#04172d rgb(4,23,45)
```
#06203f
```
#06203f rgb(6,32,63)
```
#082851
```
#082851 rgb(8,40,81)
```
#093163
```
#093163 rgb(9,49,99)
```
#0b3a75
```
#0b3a75 rgb(11,58,117)
```
#0d4387
```
#0d4387 rgb(13,67,135)
```
#0e4c99
```
#0e4c99 rgb(14,76,153)
```
#1055ab
```
#1055ab rgb(16,85,171)
```
#125ebd
```
#125ebd rgb(18,94,189)
```
#1367ce
```
#1367ce rgb(19,103,206)
```
#1570e0
```
#1570e0 rgb(21,112,224)
```

Shade Color Variation

#1f7aea
```
#1f7aea rgb(31,122,234)
```
#3185ec
```
#3185ec rgb(49,133,236)
```
#438fed
```
#438fed rgb(67,143,237)
```
#559aef
```
#559aef rgb(85,154,239)
```
#67a5f1
```
#67a5f1 rgb(103,165,241)
```
#79aff2
```
#79aff2 rgb(121,175,242)
```
#8bbaf4
```
#8bbaf4 rgb(139,186,244)
```
#9dc5f6
```
#9dc5f6 rgb(157,197,246)
```
#afcff7
```
#afcff7 rgb(175,207,247)
```
#c1daf9
```
#c1daf9 rgb(193,218,249)
```
#d2e5fb
```
#d2e5fb rgb(210,229,251)
```
#e4effc
```
#e4effc rgb(228,239,252)
```
#f6fafe
```
#f6fafe rgb(246,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da1a7 is the less saturated color, while #4799fd is the most saturated one.

#9da1a7
```
#9da1a7 rgb(157,161,167)
```
#95a1af
```
#95a1af rgb(149,161,175)
```
#8ea0b6
```
#8ea0b6 rgb(142,160,182)
```
#879fbd
```
#879fbd rgb(135,159,189)
```
#809ec4
```
#809ec4 rgb(128,158,196)
```
#799ecb
```
#799ecb rgb(121,158,203)
```
#729dd2
```
#729dd2 rgb(114,157,210)
```
#6a9cda
```
#6a9cda rgb(106,156,218)
```
#639be1
```
#639be1 rgb(99,155,225)
```
#5c9be8
```
#5c9be8 rgb(92,155,232)
```
#559aef
```
#559aef rgb(85,154,239)
```
#4e99f6
```
#4e99f6 rgb(78,153,246)
```
#4799fd
```
#4799fd rgb(71,153,253)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#8391a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c9aec Protanopia 1% of men
#689df0 Deuteranopia 1% of men
#31abb7 Tritanopia 0.001% of the population

Trichromacy

#6e9aed Protanomaly 1% of men, 0.01% of women
#619cef Deuteranomaly 6% of men, 0.4% of women
#3ea5cb Tritanomaly 0.01% of the population

#559aef hex color

#559aef Color Information

#559aef Color Conversion

Color Schemes with #559aef

Alternatives to #559aef

#559aef Preview

Shades and Tints of #559aef

Tones of #559aef

Color Blindness Simulator