#5689ff hex color

In a RGB color space, hex #5689ff is composed of 33.7% red, 53.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 46.3% magenta, 0% yellow and 0% black. It has a hue angle of 221.9 degrees, a saturation of 100% and a lightness of 66.9%. #5689ff color hex could be obtained by blending #acffff with #0013ff. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 34
- G 54
- B 100
RGB color chart
- C 66
- M 46
- Y 0
- K 0
CMYK color chart

● #5689ff color description : Light blue.

The hexadecimal color #5689ff has RGB values of R:86, G:137, B:255 and CMYK values of C:0.66, M:0.46, Y:0, K:0. Its decimal value is 5671423.

Hex triplet	5689ff	`#5689ff`
RGB Decimal	86, 137, 255	`rgb(86,137,255)`
RGB Percent	33.7, 53.7, 100	`rgb(33.7%,53.7%,100%)`
CMYK	66, 46, 0, 0
HSL	221.9°, 100, 66.9	`hsl(221.9,100%,66.9%)`
HSV (or HSB)	221.9°, 66.3, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.055, 20.027, -63.831
XYZ	30.83, 27.088, 98.206
xyY	0.197, 0.174, 27.088
CIE-LCH	59.055, 66.898, 287.419
CIE-LUV	59.055, -22.508, -103.783
Hunter-Lab	52.046, 14.654, -75.443
Binary	01010110, 10001001, 11111111

#5689ff
```
#5689ff rgb(86,137,255)
```
#ffcc56
```
#ffcc56 rgb(255,204,86)
```

Complementary Color

#56deff
```
#56deff rgb(86,222,255)
```
#5689ff
```
#5689ff rgb(86,137,255)
```
#7856ff
```
#7856ff rgb(120,86,255)
```

Analogous Color

#deff56
```
#deff56 rgb(222,255,86)
```
#5689ff
```
#5689ff rgb(86,137,255)
```
#ff7856
```
#ff7856 rgb(255,120,86)
```

Split Complementary Color

#89ff56
```
#89ff56 rgb(137,255,86)
```
#5689ff
```
#5689ff rgb(86,137,255)
```
#ff5689
```
#ff5689 rgb(255,86,137)
```

Triadic Color

#56ffcc
```
#56ffcc rgb(86,255,204)
```
#5689ff
```
#5689ff rgb(86,137,255)
```
#ff5689
```
#ff5689 rgb(255,86,137)
```
#ffcc56
```
#ffcc56 rgb(255,204,86)
```

Tetradic Color

#0a54ff
```
#0a54ff rgb(10,84,255)
```
#2365ff
```
#2365ff rgb(35,101,255)
```
#3d77ff
```
#3d77ff rgb(61,119,255)
```
#5689ff
```
#5689ff rgb(86,137,255)
```
#709bff
```
#709bff rgb(112,155,255)
```
#89adff
```
#89adff rgb(137,173,255)
```
#a3beff
```
#a3beff rgb(163,190,255)
```

Monochromatic Color

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

#56b3ff
```
#56b3ff rgb(86,179,255)
```
#56a5ff
```
#56a5ff rgb(86,165,255)
```
#5697ff
```
#5697ff rgb(86,151,255)
```
#5689ff
```
#5689ff rgb(86,137,255)
```
#567bff
```
#567bff rgb(86,123,255)
```
#566dff
```
#566dff rgb(86,109,255)
```
#565fff
```
#565fff rgb(86,95,255)
```

Similar Colors

Text with hexadecimal color #5689ff

This text has a font color of #5689ff.

<span style="color:#5689ff;">Text here</span>

#5689ff background color

This paragraph has a background color of #5689ff.

<p style="background-color:#5689ff;">Content here</p>

#5689ff border color

This element has a border color of #5689ff.

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

CSS codes

.text {color:#5689ff;}

.background {background-color:#5689ff;}

.border {border:1px solid #5689ff;}

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

#000208
```
#000208 rgb(0,2,8)
```
#00081b
```
#00081b rgb(0,8,27)
```
#000e2f
```
#000e2f rgb(0,14,47)
```
#001442
```
#001442 rgb(0,20,66)
```
#001a56
```
#001a56 rgb(0,26,86)
```
#00206a
```
#00206a rgb(0,32,106)
```
#00267d
```
#00267d rgb(0,38,125)
```
#002c91
```
#002c91 rgb(0,44,145)
```
#0032a4
```
#0032a4 rgb(0,50,164)
```
#0038b8
```
#0038b8 rgb(0,56,184)
```
#003dcc
```
#003dcc rgb(0,61,204)
```
#0043df
```
#0043df rgb(0,67,223)
```
#0049f3
```
#0049f3 rgb(0,73,243)
```

Shade Color Variation

#0852ff
```
#0852ff rgb(8,82,255)
```
#1b60ff
```
#1b60ff rgb(27,96,255)
```
#2f6eff
```
#2f6eff rgb(47,110,255)
```
#427bff
```
#427bff rgb(66,123,255)
```
#5689ff
```
#5689ff rgb(86,137,255)
```
#6a97ff
```
#6a97ff rgb(106,151,255)
```
#7da4ff
```
#7da4ff rgb(125,164,255)
```
#91b2ff
```
#91b2ff rgb(145,178,255)
```
#a4c0ff
```
#a4c0ff rgb(164,192,255)
```
#b8cdff
```
#b8cdff rgb(184,205,255)
```
#ccdbff
```
#ccdbff rgb(204,219,255)
```
#dfe9ff
```
#dfe9ff rgb(223,233,255)
```
#f3f7ff
```
#f3f7ff rgb(243,247,255)
```

Tint Color Variation

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

#a4a8b1
```
#a4a8b1 rgb(164,168,177)
```
#9ea5b8
```
#9ea5b8 rgb(158,165,184)
```
#97a3be
```
#97a3be rgb(151,163,190)
```
#91a0c5
```
#91a0c5 rgb(145,160,197)
```
#8a9ecb
```
#8a9ecb rgb(138,158,203)
```
#849bd2
```
#849bd2 rgb(132,155,210)
```
#7d98d8
```
#7d98d8 rgb(125,152,216)
```
#7796df
```
#7796df rgb(119,150,223)
```
#7093e5
```
#7093e5 rgb(112,147,229)
```
#6a91ec
```
#6a91ec rgb(106,145,236)
```
#638ef2
```
#638ef2 rgb(99,142,242)
```
#5d8cf9
```
#5d8cf9 rgb(93,140,249)
```
#5689ff
```
#5689ff rgb(86,137,255)
```

Tone Color Variation

Below, you can see how #5689ff 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

#878787 Achromatopsia 0.005% of the population
#7d879f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5690ff Protanopia 1% of men
#0096fa Deuteranopia 1% of men
#00a2ad Tritanopia 0.001% of the population

Trichromacy

#568dff Protanomaly 1% of men, 0.01% of women
#1f91fc Deuteranomaly 6% of men, 0.4% of women
#1f99cb Tritanomaly 0.01% of the population

#5689ff hex color

#5689ff Color Information

#5689ff Color Conversion

Color Schemes with #5689ff

Alternatives to #5689ff

#5689ff Preview

Shades and Tints of #5689ff

Tones of #5689ff

Color Blindness Simulator