#5682c4 hex color

In a RGB color space, hex #5682c4 is composed of 33.7% red, 51% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 33.7% magenta, 0% yellow and 23.1% black. It has a hue angle of 216 degrees, a saturation of 48.2% and a lightness of 55.3%. #5682c4 color hex could be obtained by blending #acffff with #000589. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 34
- G 51
- B 77
RGB color chart
- C 56
- M 34
- Y 0
- K 23
CMYK color chart

● #5682c4 color description : Moderate blue.

The hexadecimal color #5682c4 has RGB values of R:86, G:130, B:196 and CMYK values of C:0.56, M:0.34, Y:0, K:0.23. Its decimal value is 5669572.

Hex triplet	5682c4	`#5682c4`
RGB Decimal	86, 130, 196	`rgb(86,130,196)`
RGB Percent	33.7, 51, 76.9	`rgb(33.7%,51%,76.9%)`
CMYK	56, 34, 0, 23
HSL	216°, 48.2, 55.3	`hsl(216,48.2%,55.3%)`
HSV (or HSB)	216°, 56.1, 76.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	53.951, 4.467, -38.972
XYZ	21.782, 21.928, 55.306
xyY	0.22, 0.221, 21.928
CIE-LCH	53.951, 39.227, 276.538
CIE-LUV	53.951, -20.473, -60.549
Hunter-Lab	46.827, 1.082, -37.246
Binary	01010110, 10000010, 11000100

#5682c4
```
#5682c4 rgb(86,130,196)
```
#c49856
```
#c49856 rgb(196,152,86)
```

Complementary Color

#56b9c4
```
#56b9c4 rgb(86,185,196)
```
#5682c4
```
#5682c4 rgb(86,130,196)
```
#6156c4
```
#6156c4 rgb(97,86,196)
```

Analogous Color

#b9c456
```
#b9c456 rgb(185,196,86)
```
#5682c4
```
#5682c4 rgb(86,130,196)
```
#c46156
```
#c46156 rgb(196,97,86)
```

Split Complementary Color

#82c456
```
#82c456 rgb(130,196,86)
```
#5682c4
```
#5682c4 rgb(86,130,196)
```
#c45682
```
#c45682 rgb(196,86,130)
```

Triadic Color

#56c498
```
#56c498 rgb(86,196,152)
```
#5682c4
```
#5682c4 rgb(86,130,196)
```
#c45682
```
#c45682 rgb(196,86,130)
```
#c49856
```
#c49856 rgb(196,152,86)
```

Tetradic Color

#355d98
```
#355d98 rgb(53,93,152)
```
#3c68ab
```
#3c68ab rgb(60,104,171)
```
#4374bd
```
#4374bd rgb(67,116,189)
```
#5682c4
```
#5682c4 rgb(86,130,196)
```
#6990cb
```
#6990cb rgb(105,144,203)
```
#7c9ed1
```
#7c9ed1 rgb(124,158,209)
```
#8facd8
```
#8facd8 rgb(143,172,216)
```

Monochromatic Color

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

#569ec4
```
#569ec4 rgb(86,158,196)
```
#5694c4
```
#5694c4 rgb(86,148,196)
```
#568bc4
```
#568bc4 rgb(86,139,196)
```
#5682c4
```
#5682c4 rgb(86,130,196)
```
#5679c4
```
#5679c4 rgb(86,121,196)
```
#5670c4
```
#5670c4 rgb(86,112,196)
```
#5667c4
```
#5667c4 rgb(86,103,196)
```

Similar Colors

Text with hexadecimal color #5682c4

This text has a font color of #5682c4.

<span style="color:#5682c4;">Text here</span>

#5682c4 background color

This paragraph has a background color of #5682c4.

<p style="background-color:#5682c4;">Content here</p>

#5682c4 border color

This element has a border color of #5682c4.

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

CSS codes

.text {color:#5682c4;}

.background {background-color:#5682c4;}

.border {border:1px solid #5682c4;}

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

#020305
```
#020305 rgb(2,3,5)
```
#070c14
```
#070c14 rgb(7,12,20)
```
#0c1523
```
#0c1523 rgb(12,21,35)
```
#111e31
```
#111e31 rgb(17,30,49)
```
#162740
```
#162740 rgb(22,39,64)
```
#1b304e
```
#1b304e rgb(27,48,78)
```
#20395d
```
#20395d rgb(32,57,93)
```
#25416b
```
#25416b rgb(37,65,107)
```
#2b4a7a
```
#2b4a7a rgb(43,74,122)
```
#305388
```
#305388 rgb(48,83,136)
```
#355c97
```
#355c97 rgb(53,92,151)
```
#3a65a5
```
#3a65a5 rgb(58,101,165)
```
#3f6eb4
```
#3f6eb4 rgb(63,110,180)
```

Shade Color Variation

#4777bf
```
#4777bf rgb(71,119,191)
```
#5682c4
```
#5682c4 rgb(86,130,196)
```
#658dc9
```
#658dc9 rgb(101,141,201)
```
#7398ce
```
#7398ce rgb(115,152,206)
```
#82a2d3
```
#82a2d3 rgb(130,162,211)
```
#90add8
```
#90add8 rgb(144,173,216)
```
#9fb8dd
```
#9fb8dd rgb(159,184,221)
```
#adc3e2
```
#adc3e2 rgb(173,195,226)
```
#bccde8
```
#bccde8 rgb(188,205,232)
```
#cad8ed
```
#cad8ed rgb(202,216,237)
```
#d9e3f2
```
#d9e3f2 rgb(217,227,242)
```
#e7eef7
```
#e7eef7 rgb(231,238,247)
```
#f6f8fc
```
#f6f8fc rgb(246,248,252)
```

Tint Color Variation

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

#8b8d8f
```
#8b8d8f rgb(139,141,143)
```
#828b98
```
#828b98 rgb(130,139,152)
```
#7989a1
```
#7989a1 rgb(121,137,161)
```
#7087aa
```
#7087aa rgb(112,135,170)
```
#6886b2
```
#6886b2 rgb(104,134,178)
```
#5f84bb
```
#5f84bb rgb(95,132,187)
```
#5682c4
```
#5682c4 rgb(86,130,196)
```
#4d80cd
```
#4d80cd rgb(77,128,205)
```
#447ed6
```
#447ed6 rgb(68,126,214)
```
#3c7dde
```
#3c7dde rgb(60,125,222)
```
#337be7
```
#337be7 rgb(51,123,231)
```
#2a79f0
```
#2a79f0 rgb(42,121,240)
```
#2177f9
```
#2177f9 rgb(33,119,249)
```

Tone Color Variation

Below, you can see how #5682c4 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

#7c7c7c Achromatopsia 0.005% of the population
#747d8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f85c4 Protanopia 1% of men
#6587c7 Deuteranopia 1% of men
#49919c Tritanopia 0.001% of the population

Trichromacy

#6684c4 Protanomaly 1% of men, 0.01% of women
#5f85c6 Deuteranomaly 6% of men, 0.4% of women
#4d8baa Tritanomaly 0.01% of the population

#5682c4 hex color

#5682c4 Color Information

#5682c4 Color Conversion

Color Schemes with #5682c4

Alternatives to #5682c4

#5682c4 Preview

Shades and Tints of #5682c4

Tones of #5682c4

Color Blindness Simulator