#5682ea hex color

In a RGB color space, hex #5682ea is composed of 33.7% red, 51% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 44.4% magenta, 0% yellow and 8.2% black. It has a hue angle of 222.2 degrees, a saturation of 77.9% and a lightness of 62.7%. #5682ea color hex could be obtained by blending #acffff with #0005d5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 34
- G 51
- B 92
RGB color chart
- C 63
- M 44
- Y 0
- K 8
CMYK color chart

● #5682ea color description : Soft blue.

The hexadecimal color #5682ea has RGB values of R:86, G:130, B:234 and CMYK values of C:0.63, M:0.44, Y:0, K:0.08. Its decimal value is 5669610.

Hex triplet	5682ea	`#5682ea`
RGB Decimal	86, 130, 234	`rgb(86,130,234)`
RGB Percent	33.7, 51, 91.8	`rgb(33.7%,51%,91.8%)`
CMYK	63, 44, 0, 8
HSL	222.2°, 77.9, 62.7	`hsl(222.2,77.9%,62.7%)`
HSV (or HSB)	222.2°, 63.2, 91.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	55.97, 17.117, -57.164
XYZ	26.668, 23.883, 81.042
xyY	0.203, 0.181, 23.883
CIE-LCH	55.97, 59.672, 286.67
CIE-LUV	55.97, -20.363, -91.743
Hunter-Lab	48.87, 11.886, -64.113
Binary	01010110, 10000010, 11101010

#5682ea
```
#5682ea rgb(86,130,234)
```
#eabe56
```
#eabe56 rgb(234,190,86)
```

Complementary Color

#56ccea
```
#56ccea rgb(86,204,234)
```
#5682ea
```
#5682ea rgb(86,130,234)
```
#7456ea
```
#7456ea rgb(116,86,234)
```

Analogous Color

#ccea56
```
#ccea56 rgb(204,234,86)
```
#5682ea
```
#5682ea rgb(86,130,234)
```
#ea7456
```
#ea7456 rgb(234,116,86)
```

Split Complementary Color

#82ea56
```
#82ea56 rgb(130,234,86)
```
#5682ea
```
#5682ea rgb(86,130,234)
```
#ea5682
```
#ea5682 rgb(234,86,130)
```

Triadic Color

#56eabe
```
#56eabe rgb(86,234,190)
```
#5682ea
```
#5682ea rgb(86,130,234)
```
#ea5682
```
#ea5682 rgb(234,86,130)
```
#eabe56
```
#eabe56 rgb(234,190,86)
```

Tetradic Color

#1b53d9
```
#1b53d9 rgb(27,83,217)
```
#2960e4
```
#2960e4 rgb(41,96,228)
```
#3f71e7
```
#3f71e7 rgb(63,113,231)
```
#5682ea
```
#5682ea rgb(86,130,234)
```
#6d93ed
```
#6d93ed rgb(109,147,237)
```
#83a4f0
```
#83a4f0 rgb(131,164,240)
```
#9ab4f2
```
#9ab4f2 rgb(154,180,242)
```

Monochromatic Color

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

#56a7ea
```
#56a7ea rgb(86,167,234)
```
#569bea
```
#569bea rgb(86,155,234)
```
#568eea
```
#568eea rgb(86,142,234)
```
#5682ea
```
#5682ea rgb(86,130,234)
```
#5676ea
```
#5676ea rgb(86,118,234)
```
#5669ea
```
#5669ea rgb(86,105,234)
```
#565dea
```
#565dea rgb(86,93,234)
```

Similar Colors

Text with hexadecimal color #5682ea

This text has a font color of #5682ea.

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

#5682ea background color

This paragraph has a background color of #5682ea.

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

#5682ea border color

This element has a border color of #5682ea.

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

CSS codes

.text {color:#5682ea;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#030917
```
#030917 rgb(3,9,23)
```
#051028
```
#051028 rgb(5,16,40)
```
#07163a
```
#07163a rgb(7,22,58)
```
#091d4b
```
#091d4b rgb(9,29,75)
```
#0c245d
```
#0c245d rgb(12,36,93)
```
#0e2a6e
```
#0e2a6e rgb(14,42,110)
```
#103180
```
#103180 rgb(16,49,128)
```
#123891
```
#123891 rgb(18,56,145)
```
#143fa3
```
#143fa3 rgb(20,63,163)
```
#1645b4
```
#1645b4 rgb(22,69,180)
```
#194cc5
```
#194cc5 rgb(25,76,197)
```
#1b53d7
```
#1b53d7 rgb(27,83,215)
```

Shade Color Variation

#225be3
```
#225be3 rgb(34,91,227)
```
#3368e6
```
#3368e6 rgb(51,104,230)
```
#4575e8
```
#4575e8 rgb(69,117,232)
```
#5682ea
```
#5682ea rgb(86,130,234)
```
#678fec
```
#678fec rgb(103,143,236)
```
#799cee
```
#799cee rgb(121,156,238)
```
#8aa9f1
```
#8aa9f1 rgb(138,169,241)
```
#9cb6f3
```
#9cb6f3 rgb(156,182,243)
```
#adc3f5
```
#adc3f5 rgb(173,195,245)
```
#bfcff7
```
#bfcff7 rgb(191,207,247)
```
#d0dcf9
```
#d0dcf9 rgb(208,220,249)
```
#e2e9fb
```
#e2e9fb rgb(226,233,251)
```
#f3f6fe
```
#f3f6fe rgb(243,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa0a1 is the less saturated color, while #477cf9 is the most saturated one.

#9fa0a1
```
#9fa0a1 rgb(159,160,161)
```
#989da8
```
#989da8 rgb(152,157,168)
```
#909ab0
```
#909ab0 rgb(144,154,176)
```
#8997b7
```
#8997b7 rgb(137,151,183)
```
#8294be
```
#8294be rgb(130,148,190)
```
#7b91c5
```
#7b91c5 rgb(123,145,197)
```
#738ecd
```
#738ecd rgb(115,142,205)
```
#6c8bd4
```
#6c8bd4 rgb(108,139,212)
```
#6588db
```
#6588db rgb(101,136,219)
```
#5d85e3
```
#5d85e3 rgb(93,133,227)
```
#5682ea
```
#5682ea rgb(86,130,234)
```
#4f7ff1
```
#4f7ff1 rgb(79,127,241)
```
#477cf9
```
#477cf9 rgb(71,124,249)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#788196 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5989eb Protanopia 1% of men
#348ee8 Deuteranopia 1% of men
#2599a4 Tritanopia 0.001% of the population

Trichromacy

#5886eb Protanomaly 1% of men, 0.01% of women
#4089e9 Deuteranomaly 6% of men, 0.4% of women
#3790bd Tritanomaly 0.01% of the population

#5682ea hex color

#5682ea Color Information

#5682ea Color Conversion

Color Schemes with #5682ea

Alternatives to #5682ea

#5682ea Preview

Shades and Tints of #5682ea

Tones of #5682ea

Color Blindness Simulator