#5691b0 hex color

In a RGB color space, hex #5691b0 is composed of 33.7% red, 56.9% green and 69% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 17.6% magenta, 0% yellow and 31% black. It has a hue angle of 200.7 degrees, a saturation of 36.3% and a lightness of 51.4%. #5691b0 color hex could be obtained by blending #acffff with #002361. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 34
- G 57
- B 69
RGB color chart
- C 51
- M 18
- Y 0
- K 31
CMYK color chart

● #5691b0 color description : Dark moderate blue.

The hexadecimal color #5691b0 has RGB values of R:86, G:145, B:176 and CMYK values of C:0.51, M:0.18, Y:0, K:0.31. Its decimal value is 5673392.

Hex triplet	5691b0	`#5691b0`
RGB Decimal	86, 145, 176	`rgb(86,145,176)`
RGB Percent	33.7, 56.9, 69	`rgb(33.7%,56.9%,69%)`
CMYK	51, 18, 0, 31
HSL	200.7°, 36.3, 51.4	`hsl(200.7,36.3%,51.4%)`
HSV (or HSB)	200.7°, 51.1, 69
Web Safe	669999	`#669999`

CIE-LAB	57.427, -10.444, -22.177
XYZ	21.798, 25.363, 44.819
xyY	0.237, 0.276, 25.363
CIE-LCH	57.427, 24.513, 244.782
CIE-LUV	57.427, -26.413, -32.118
Hunter-Lab	50.361, -10.873, -17.512
Binary	01010110, 10010001, 10110000

#5691b0
```
#5691b0 rgb(86,145,176)
```
#b07556
```
#b07556 rgb(176,117,86)
```

Complementary Color

#56b0a2
```
#56b0a2 rgb(86,176,162)
```
#5691b0
```
#5691b0 rgb(86,145,176)
```
#5664b0
```
#5664b0 rgb(86,100,176)
```

Analogous Color

#b0a256
```
#b0a256 rgb(176,162,86)
```
#5691b0
```
#5691b0 rgb(86,145,176)
```
#b05664
```
#b05664 rgb(176,86,100)
```

Split Complementary Color

#91b056
```
#91b056 rgb(145,176,86)
```
#5691b0
```
#5691b0 rgb(86,145,176)
```
#b05691
```
#b05691 rgb(176,86,145)
```

Triadic Color

#56b075
```
#56b075 rgb(86,176,117)
```
#5691b0
```
#5691b0 rgb(86,145,176)
```
#b05691
```
#b05691 rgb(176,86,145)
```
#b07556
```
#b07556 rgb(176,117,86)
```

Tetradic Color

#3b677e
```
#3b677e rgb(59,103,126)
```
#437590
```
#437590 rgb(67,117,144)
```
#4b84a1
```
#4b84a1 rgb(75,132,161)
```
#5691b0
```
#5691b0 rgb(86,145,176)
```
#679cb8
```
#679cb8 rgb(103,156,184)
```
#79a8c0
```
#79a8c0 rgb(121,168,192)
```
#8ab3c8
```
#8ab3c8 rgb(138,179,200)
```

Monochromatic Color

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

#56a8b0
```
#56a8b0 rgb(86,168,176)
```
#56a0b0
```
#56a0b0 rgb(86,160,176)
```
#5699b0
```
#5699b0 rgb(86,153,176)
```
#5691b0
```
#5691b0 rgb(86,145,176)
```
#568ab0
```
#568ab0 rgb(86,138,176)
```
#5682b0
```
#5682b0 rgb(86,130,176)
```
#567bb0
```
#567bb0 rgb(86,123,176)
```

Similar Colors

Text with hexadecimal color #5691b0

This text has a font color of #5691b0.

<span style="color:#5691b0;">Text here</span>

#5691b0 background color

This paragraph has a background color of #5691b0.

<p style="background-color:#5691b0;">Content here</p>

#5691b0 border color

This element has a border color of #5691b0.

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

CSS codes

.text {color:#5691b0;}

.background {background-color:#5691b0;}

.border {border:1px solid #5691b0;}

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

#020405
```
#020405 rgb(2,4,5)
```
#080f12
```
#080f12 rgb(8,15,18)
```
#0f1a20
```
#0f1a20 rgb(15,26,32)
```
#15252d
```
#15252d rgb(21,37,45)
```
#1b303a
```
#1b303a rgb(27,48,58)
```
#213a48
```
#213a48 rgb(33,58,72)
```
#284555
```
#284555 rgb(40,69,85)
```
#2e5062
```
#2e5062 rgb(46,80,98)
```
#345b70
```
#345b70 rgb(52,91,112)
```
#3a667d
```
#3a667d rgb(58,102,125)
```
#41718a
```
#41718a rgb(65,113,138)
```
#477c98
```
#477c98 rgb(71,124,152)
```
#4d87a5
```
#4d87a5 rgb(77,135,165)
```

Shade Color Variation

#5691b0
```
#5691b0 rgb(86,145,176)
```
#639ab6
```
#639ab6 rgb(99,154,182)
```
#71a2bc
```
#71a2bc rgb(113,162,188)
```
#7eabc3
```
#7eabc3 rgb(126,171,195)
```
#8bb4c9
```
#8bb4c9 rgb(139,180,201)
```
#99bdcf
```
#99bdcf rgb(153,189,207)
```
#a6c5d5
```
#a6c5d5 rgb(166,197,213)
```
#b4cedc
```
#b4cedc rgb(180,206,220)
```
#c1d7e2
```
#c1d7e2 rgb(193,215,226)
```
#cedfe8
```
#cedfe8 rgb(206,223,232)
```
#dce8ee
```
#dce8ee rgb(220,232,238)
```
#e9f1f5
```
#e9f1f5 rgb(233,241,245)
```
#f6f9fb
```
#f6f9fb rgb(246,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c858a is the less saturated color, while #0aa9fc is the most saturated one.

#7c858a
```
#7c858a rgb(124,133,138)
```
#738893
```
#738893 rgb(115,136,147)
```
#698b9d
```
#698b9d rgb(105,139,157)
```
#608ea6
```
#608ea6 rgb(96,142,166)
```
#5691b0
```
#5691b0 rgb(86,145,176)
```
#4c94ba
```
#4c94ba rgb(76,148,186)
```
#4397c3
```
#4397c3 rgb(67,151,195)
```
#399acd
```
#399acd rgb(57,154,205)
```
#309dd6
```
#309dd6 rgb(48,157,214)
```
#26a0e0
```
#26a0e0 rgb(38,160,224)
```
#1da3e9
```
#1da3e9 rgb(29,163,233)
```
#13a6f3
```
#13a6f3 rgb(19,166,243)
```
#0aa9fc
```
#0aa9fc rgb(10,169,252)
```

Tone Color Variation

Below, you can see how #5691b0 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

#838383 Achromatopsia 0.005% of the population
#7a868c Atypical Achromatopsia 0.001% of the population

Dichromacy

#878eae Protanopia 1% of men
#868db7 Deuteranopia 1% of men
#5899a4 Tritanopia 0.001% of the population

Trichromacy

#758faf Protanomaly 1% of men, 0.01% of women
#758eb4 Deuteranomaly 6% of men, 0.4% of women
#5796a8 Tritanomaly 0.01% of the population

#5691b0 hex color

#5691b0 Color Information

#5691b0 Color Conversion

Color Schemes with #5691b0

Alternatives to #5691b0

#5691b0 Preview

Shades and Tints of #5691b0

Tones of #5691b0

Color Blindness Simulator