#5694b0 hex color

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

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

● #5694b0 color description : Dark moderate blue.

The hexadecimal color #5694b0 has RGB values of R:86, G:148, B:176 and CMYK values of C:0.51, M:0.16, Y:0, K:0.31. Its decimal value is 5674160.

Hex triplet	5694b0	`#5694b0`
RGB Decimal	86, 148, 176	`rgb(86,148,176)`
RGB Percent	33.7, 58, 69	`rgb(33.7%,58%,69%)`
CMYK	51, 16, 0, 31
HSL	198.7°, 36.3, 51.4	`hsl(198.7,36.3%,51.4%)`
HSV (or HSB)	198.7°, 51.1, 69
Web Safe	669999	`#669999`

CIE-LAB	58.313, -12.104, -20.821
XYZ	22.262, 26.291, 44.974
xyY	0.238, 0.281, 26.291
CIE-LCH	58.313, 24.083, 239.829
CIE-LUV	58.313, -27.586, -29.811
Hunter-Lab	51.275, -12.232, -16.111
Binary	01010110, 10010100, 10110000

#5694b0
```
#5694b0 rgb(86,148,176)
```
#b07256
```
#b07256 rgb(176,114,86)
```

Complementary Color

#56b09f
```
#56b09f rgb(86,176,159)
```
#5694b0
```
#5694b0 rgb(86,148,176)
```
#5667b0
```
#5667b0 rgb(86,103,176)
```

Analogous Color

#b09f56
```
#b09f56 rgb(176,159,86)
```
#5694b0
```
#5694b0 rgb(86,148,176)
```
#b05667
```
#b05667 rgb(176,86,103)
```

Split Complementary Color

#94b056
```
#94b056 rgb(148,176,86)
```
#5694b0
```
#5694b0 rgb(86,148,176)
```
#b05694
```
#b05694 rgb(176,86,148)
```

Triadic Color

#56b072
```
#56b072 rgb(86,176,114)
```
#5694b0
```
#5694b0 rgb(86,148,176)
```
#b05694
```
#b05694 rgb(176,86,148)
```
#b07256
```
#b07256 rgb(176,114,86)
```

Tetradic Color

#3b697e
```
#3b697e rgb(59,105,126)
```
#437890
```
#437890 rgb(67,120,144)
```
#4b86a1
```
#4b86a1 rgb(75,134,161)
```
#5694b0
```
#5694b0 rgb(86,148,176)
```
#679fb8
```
#679fb8 rgb(103,159,184)
```
#79aac0
```
#79aac0 rgb(121,170,192)
```
#8ab5c8
```
#8ab5c8 rgb(138,181,200)
```

Monochromatic Color

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

#56abb0
```
#56abb0 rgb(86,171,176)
```
#56a3b0
```
#56a3b0 rgb(86,163,176)
```
#569cb0
```
#569cb0 rgb(86,156,176)
```
#5694b0
```
#5694b0 rgb(86,148,176)
```
#568db0
```
#568db0 rgb(86,141,176)
```
#5685b0
```
#5685b0 rgb(86,133,176)
```
#567eb0
```
#567eb0 rgb(86,126,176)
```

Similar Colors

Text with hexadecimal color #5694b0

This text has a font color of #5694b0.

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

#5694b0 background color

This paragraph has a background color of #5694b0.

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

#5694b0 border color

This element has a border color of #5694b0.

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

CSS codes

.text {color:#5694b0;}

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

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

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 #f6fafb 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)
```
#1b313a
```
#1b313a rgb(27,49,58)
```
#213c48
```
#213c48 rgb(33,60,72)
```
#284755
```
#284755 rgb(40,71,85)
```
#2e5262
```
#2e5262 rgb(46,82,98)
```
#345d70
```
#345d70 rgb(52,93,112)
```
#3a687d
```
#3a687d rgb(58,104,125)
```
#41748a
```
#41748a rgb(65,116,138)
```
#477f98
```
#477f98 rgb(71,127,152)
```
#4d8aa5
```
#4d8aa5 rgb(77,138,165)
```

Shade Color Variation

#5694b0
```
#5694b0 rgb(86,148,176)
```
#639cb6
```
#639cb6 rgb(99,156,182)
```
#71a5bc
```
#71a5bc rgb(113,165,188)
```
#7eadc3
```
#7eadc3 rgb(126,173,195)
```
#8bb6c9
```
#8bb6c9 rgb(139,182,201)
```
#99becf
```
#99becf rgb(153,190,207)
```
#a6c7d5
```
#a6c7d5 rgb(166,199,213)
```
#b4cfdc
```
#b4cfdc rgb(180,207,220)
```
#c1d8e2
```
#c1d8e2 rgb(193,216,226)
```
#cee0e8
```
#cee0e8 rgb(206,224,232)
```
#dce9ee
```
#dce9ee rgb(220,233,238)
```
#e9f1f5
```
#e9f1f5 rgb(233,241,245)
```
#f6fafb
```
#f6fafb rgb(246,250,251)
```

Tint Color Variation

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

#7c868a
```
#7c868a rgb(124,134,138)
```
#738993
```
#738993 rgb(115,137,147)
```
#698d9d
```
#698d9d rgb(105,141,157)
```
#6090a6
```
#6090a6 rgb(96,144,166)
```
#5694b0
```
#5694b0 rgb(86,148,176)
```
#4c98ba
```
#4c98ba rgb(76,152,186)
```
#439bc3
```
#439bc3 rgb(67,155,195)
```
#399fcd
```
#399fcd rgb(57,159,205)
```
#30a2d6
```
#30a2d6 rgb(48,162,214)
```
#26a6e0
```
#26a6e0 rgb(38,166,224)
```
#1daae9
```
#1daae9 rgb(29,170,233)
```
#13adf3
```
#13adf3 rgb(19,173,243)
```
#0ab1fc
```
#0ab1fc rgb(10,177,252)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7c888e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b90ae Protanopia 1% of men
#8a8fb7 Deuteranopia 1% of men
#599ba7 Tritanopia 0.001% of the population

Trichromacy

#7792af Protanomaly 1% of men, 0.01% of women
#7791b4 Deuteranomaly 6% of men, 0.4% of women
#5899aa Tritanomaly 0.01% of the population

#5694b0 hex color

#5694b0 Color Information

#5694b0 Color Conversion

Color Schemes with #5694b0

Alternatives to #5694b0

#5694b0 Preview

Shades and Tints of #5694b0

Tones of #5694b0

Color Blindness Simulator