#5689fc hex color

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

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

● #5689fc color description : Soft blue.

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

Hex triplet	5689fc	`#5689fc`
RGB Decimal	86, 137, 252	`rgb(86,137,252)`
RGB Percent	33.7, 53.7, 98.8	`rgb(33.7%,53.7%,98.8%)`
CMYK	66, 46, 0, 1
HSL	221.6°, 96.5, 66.3	`hsl(221.6,96.5%,66.3%)`
HSV (or HSB)	221.6°, 65.9, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.878, 19.002, -62.467
XYZ	30.35, 26.896, 95.682
xyY	0.198, 0.176, 26.896
CIE-LCH	58.878, 65.293, 286.92
CIE-LUV	58.878, -22.521, -101.437
Hunter-Lab	51.861, 13.704, -73.084
Binary	01010110, 10001001, 11111100

#5689fc
```
#5689fc rgb(86,137,252)
```
#fcc956
```
#fcc956 rgb(252,201,86)
```

Complementary Color

#56dcfc
```
#56dcfc rgb(86,220,252)
```
#5689fc
```
#5689fc rgb(86,137,252)
```
#7656fc
```
#7656fc rgb(118,86,252)
```

Analogous Color

#dcfc56
```
#dcfc56 rgb(220,252,86)
```
#5689fc
```
#5689fc rgb(86,137,252)
```
#fc7656
```
#fc7656 rgb(252,118,86)
```

Split Complementary Color

#89fc56
```
#89fc56 rgb(137,252,86)
```
#5689fc
```
#5689fc rgb(86,137,252)
```
#fc5689
```
#fc5689 rgb(252,86,137)
```

Triadic Color

#56fcc9
```
#56fcc9 rgb(86,252,201)
```
#5689fc
```
#5689fc rgb(86,137,252)
```
#fc5689
```
#fc5689 rgb(252,86,137)
```
#fcc956
```
#fcc956 rgb(252,201,86)
```

Tetradic Color

#0b55fb
```
#0b55fb rgb(11,85,251)
```
#2466fb
```
#2466fb rgb(36,102,251)
```
#3d78fc
```
#3d78fc rgb(61,120,252)
```
#5689fc
```
#5689fc rgb(86,137,252)
```
#6f9afc
```
#6f9afc rgb(111,154,252)
```
#88acfd
```
#88acfd rgb(136,172,253)
```
#a1bdfd
```
#a1bdfd rgb(161,189,253)
```

Monochromatic Color

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

#56b3fc
```
#56b3fc rgb(86,179,252)
```
#56a5fc
```
#56a5fc rgb(86,165,252)
```
#5697fc
```
#5697fc rgb(86,151,252)
```
#5689fc
```
#5689fc rgb(86,137,252)
```
#567bfc
```
#567bfc rgb(86,123,252)
```
#566dfc
```
#566dfc rgb(86,109,252)
```
#5660fc
```
#5660fc rgb(86,96,252)
```

Similar Colors

Text with hexadecimal color #5689fc

This text has a font color of #5689fc.

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

#5689fc background color

This paragraph has a background color of #5689fc.

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

#5689fc border color

This element has a border color of #5689fc.

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

CSS codes

.text {color:#5689fc;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#000818
```
#000818 rgb(0,8,24)
```
#010e2b
```
#010e2b rgb(1,14,43)
```
#01143e
```
#01143e rgb(1,20,62)
```
#011a52
```
#011a52 rgb(1,26,82)
```
#022065
```
#022065 rgb(2,32,101)
```
#022678
```
#022678 rgb(2,38,120)
```
#022d8b
```
#022d8b rgb(2,45,139)
```
#03339f
```
#03339f rgb(3,51,159)
```
#0339b2
```
#0339b2 rgb(3,57,178)
```
#043fc5
```
#043fc5 rgb(4,63,197)
```
#0445d8
```
#0445d8 rgb(4,69,216)
```
#044bec
```
#044bec rgb(4,75,236)
```

Shade Color Variation

#0953fb
```
#0953fb rgb(9,83,251)
```
#1c61fb
```
#1c61fb rgb(28,97,251)
```
#2f6efb
```
#2f6efb rgb(47,110,251)
```
#437cfc
```
#437cfc rgb(67,124,252)
```
#5689fc
```
#5689fc rgb(86,137,252)
```
#6996fc
```
#6996fc rgb(105,150,252)
```
#7da4fd
```
#7da4fd rgb(125,164,253)
```
#90b1fd
```
#90b1fd rgb(144,177,253)
```
#a3bffd
```
#a3bffd rgb(163,191,253)
```
#b6ccfe
```
#b6ccfe rgb(182,204,254)
```
#cadafe
```
#cadafe rgb(202,218,254)
```
#dde7fe
```
#dde7fe rgb(221,231,254)
```
#f0f5ff
```
#f0f5ff rgb(240,245,255)
```

Tint Color Variation

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

#a5a8ad
```
#a5a8ad rgb(165,168,173)
```
#9fa5b3
```
#9fa5b3 rgb(159,165,179)
```
#98a3ba
```
#98a3ba rgb(152,163,186)
```
#92a0c0
```
#92a0c0 rgb(146,160,192)
```
#8b9dc7
```
#8b9dc7 rgb(139,157,199)
```
#849bce
```
#849bce rgb(132,155,206)
```
#7e98d4
```
#7e98d4 rgb(126,152,212)
```
#7796db
```
#7796db rgb(119,150,219)
```
#7093e2
```
#7093e2 rgb(112,147,226)
```
#6a91e8
```
#6a91e8 rgb(106,145,232)
```
#638eef
```
#638eef rgb(99,142,239)
```
#5d8cf5
```
#5d8cf5 rgb(93,140,245)
```
#5689fc
```
#5689fc rgb(86,137,252)
```

Tone Color Variation

Below, you can see how #5689fc 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
#7d879e Atypical Achromatopsia 0.001% of the population

Dichromacy

#588ffc Protanopia 1% of men
#1b95f9 Deuteranopia 1% of men
#00a1ad Tritanopia 0.001% of the population

Trichromacy

#578dfc Protanomaly 1% of men, 0.01% of women
#3091fa Deuteranomaly 6% of men, 0.4% of women
#1f98ca Tritanomaly 0.01% of the population

#5689fc hex color

#5689fc Color Information

#5689fc Color Conversion

Color Schemes with #5689fc

Alternatives to #5689fc

#5689fc Preview

Shades and Tints of #5689fc

Tones of #5689fc

Color Blindness Simulator