#5688c2 hex color

In a RGB color space, hex #5688c2 is composed of 33.7% red, 53.3% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 55.7% cyan, 29.9% magenta, 0% yellow and 23.9% black. It has a hue angle of 212.2 degrees, a saturation of 47% and a lightness of 54.9%. #5688c2 color hex could be obtained by blending #acffff with #001185. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 34
- G 53
- B 76
RGB color chart
- C 56
- M 30
- Y 0
- K 24
CMYK color chart

● #5688c2 color description : Moderate blue.

The hexadecimal color #5688c2 has RGB values of R:86, G:136, B:194 and CMYK values of C:0.56, M:0.3, Y:0, K:0.24. Its decimal value is 5671106.

Hex triplet	5688c2	`#5688c2`
RGB Decimal	86, 136, 194	`rgb(86,136,194)`
RGB Percent	33.7, 53.3, 76.1	`rgb(33.7%,53.3%,76.1%)`
CMYK	56, 30, 0, 24
HSL	212.2°, 47, 54.9	`hsl(212.2,47%,54.9%)`
HSV (or HSB)	212.2°, 55.7, 76.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.564, 0.275, -35.303
XYZ	22.377, 23.481, 54.389
xyY	0.223, 0.234, 23.481
CIE-LCH	55.564, 35.304, 270.446
CIE-LUV	55.564, -22.673, -54.434
Hunter-Lab	48.457, -2.368, -32.629
Binary	01010110, 10001000, 11000010

#5688c2
```
#5688c2 rgb(86,136,194)
```
#c29056
```
#c29056 rgb(194,144,86)
```

Complementary Color

#56bec2
```
#56bec2 rgb(86,190,194)
```
#5688c2
```
#5688c2 rgb(86,136,194)
```
#5a56c2
```
#5a56c2 rgb(90,86,194)
```

Analogous Color

#bec256
```
#bec256 rgb(190,194,86)
```
#5688c2
```
#5688c2 rgb(86,136,194)
```
#c25a56
```
#c25a56 rgb(194,90,86)
```

Split Complementary Color

#88c256
```
#88c256 rgb(136,194,86)
```
#5688c2
```
#5688c2 rgb(86,136,194)
```
#c25688
```
#c25688 rgb(194,86,136)
```

Triadic Color

#56c290
```
#56c290 rgb(86,194,144)
```
#5688c2
```
#5688c2 rgb(86,136,194)
```
#c25688
```
#c25688 rgb(194,86,136)
```
#c29056
```
#c29056 rgb(194,144,86)
```

Tetradic Color

#366296
```
#366296 rgb(54,98,150)
```
#3d6fa8
```
#3d6fa8 rgb(61,111,168)
```
#437bbb
```
#437bbb rgb(67,123,187)
```
#5688c2
```
#5688c2 rgb(86,136,194)
```
#6995c9
```
#6995c9 rgb(105,149,201)
```
#7ba2d0
```
#7ba2d0 rgb(123,162,208)
```
#8eb0d6
```
#8eb0d6 rgb(142,176,214)
```

Monochromatic Color

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

#56a3c2
```
#56a3c2 rgb(86,163,194)
```
#569ac2
```
#569ac2 rgb(86,154,194)
```
#5691c2
```
#5691c2 rgb(86,145,194)
```
#5688c2
```
#5688c2 rgb(86,136,194)
```
#567fc2
```
#567fc2 rgb(86,127,194)
```
#5676c2
```
#5676c2 rgb(86,118,194)
```
#566dc2
```
#566dc2 rgb(86,109,194)
```

Similar Colors

Text with hexadecimal color #5688c2

This text has a font color of #5688c2.

<span style="color:#5688c2;">Text here</span>

#5688c2 background color

This paragraph has a background color of #5688c2.

<p style="background-color:#5688c2;">Content here</p>

#5688c2 border color

This element has a border color of #5688c2.

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

CSS codes

.text {color:#5688c2;}

.background {background-color:#5688c2;}

.border {border:1px solid #5688c2;}

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

#010304
```
#010304 rgb(1,3,4)
```
#070c12
```
#070c12 rgb(7,12,18)
```
#0c1621
```
#0c1621 rgb(12,22,33)
```
#111f2f
```
#111f2f rgb(17,31,47)
```
#16283e
```
#16283e rgb(22,40,62)
```
#1b324c
```
#1b324c rgb(27,50,76)
```
#213b5a
```
#213b5a rgb(33,59,90)
```
#264569
```
#264569 rgb(38,69,105)
```
#2b4e77
```
#2b4e77 rgb(43,78,119)
```
#305886
```
#305886 rgb(48,88,134)
```
#356194
```
#356194 rgb(53,97,148)
```
#3b6ba3
```
#3b6ba3 rgb(59,107,163)
```
#4074b1
```
#4074b1 rgb(64,116,177)
```

Shade Color Variation

#487ebd
```
#487ebd rgb(72,126,189)
```
#5688c2
```
#5688c2 rgb(86,136,194)
```
#6492c7
```
#6492c7 rgb(100,146,199)
```
#739ccc
```
#739ccc rgb(115,156,204)
```
#81a6d2
```
#81a6d2 rgb(129,166,210)
```
#90b1d7
```
#90b1d7 rgb(144,177,215)
```
#9ebbdc
```
#9ebbdc rgb(158,187,220)
```
#acc5e1
```
#acc5e1 rgb(172,197,225)
```
#bbcfe6
```
#bbcfe6 rgb(187,207,230)
```
#c9d9ec
```
#c9d9ec rgb(201,217,236)
```
#d8e3f1
```
#d8e3f1 rgb(216,227,241)
```
#e6edf6
```
#e6edf6 rgb(230,237,246)
```
#f5f8fb
```
#f5f8fb rgb(245,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8c8d is the less saturated color, while #2184f7 is the most saturated one.

#8b8c8d
```
#8b8c8d rgb(139,140,141)
```
#828b96
```
#828b96 rgb(130,139,150)
```
#798b9f
```
#798b9f rgb(121,139,159)
```
#718aa7
```
#718aa7 rgb(113,138,167)
```
#6889b0
```
#6889b0 rgb(104,137,176)
```
#5f89b9
```
#5f89b9 rgb(95,137,185)
```
#5688c2
```
#5688c2 rgb(86,136,194)
```
#4d87cb
```
#4d87cb rgb(77,135,203)
```
#4487d4
```
#4487d4 rgb(68,135,212)
```
#3b86dd
```
#3b86dd rgb(59,134,221)
```
#3385e5
```
#3385e5 rgb(51,133,229)
```
#2a85ee
```
#2a85ee rgb(42,133,238)
```
#2184f7
```
#2184f7 rgb(33,132,247)
```

Tone Color Variation

Below, you can see how #5688c2 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

#808080 Achromatopsia 0.005% of the population
#78828d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7889c1 Protanopia 1% of men
#6f8ac6 Deuteranopia 1% of men
#4c95a0 Tritanopia 0.001% of the population

Trichromacy

#6b88c1 Protanomaly 1% of men, 0.01% of women
#6689c4 Deuteranomaly 6% of men, 0.4% of women
#5090ac Tritanomaly 0.01% of the population

#5688c2 hex color

#5688c2 Color Information

#5688c2 Color Conversion

Color Schemes with #5688c2

Alternatives to #5688c2

#5688c2 Preview

Shades and Tints of #5688c2

Tones of #5688c2

Color Blindness Simulator