#5682fd hex color

In a RGB color space, hex #5682fd is composed of 33.7% red, 51% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 48.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 224.2 degrees, a saturation of 97.7% and a lightness of 66.5%. #5682fd color hex could be obtained by blending #acffff with #0005fb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 34
- G 51
- B 99
RGB color chart
- C 66
- M 49
- Y 0
- K 1
CMYK color chart

● #5682fd color description : Soft blue.

The hexadecimal color #5682fd has RGB values of R:86, G:130, B:253 and CMYK values of C:0.66, M:0.49, Y:0, K:0.01. Its decimal value is 5669629.

Hex triplet	5682fd	`#5682fd`
RGB Decimal	86, 130, 253	`rgb(86,130,253)`
RGB Percent	33.7, 51, 99.2	`rgb(33.7%,51%,99.2%)`
CMYK	66, 49, 0, 1
HSL	224.2°, 97.7, 66.5	`hsl(224.2,97.7%,66.5%)`
HSV (or HSB)	224.2°, 66, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.108, 23.585, -65.862
XYZ	29.546, 25.034, 96.198
xyY	0.196, 0.166, 25.034
CIE-LCH	57.108, 69.957, 289.703
CIE-LUV	57.108, -20.385, -106.555
Hunter-Lab	50.034, 17.85, -78.971
Binary	01010110, 10000010, 11111101

#5682fd
```
#5682fd rgb(86,130,253)
```
#fdd156
```
#fdd156 rgb(253,209,86)
```

Complementary Color

#56d6fd
```
#56d6fd rgb(86,214,253)
```
#5682fd
```
#5682fd rgb(86,130,253)
```
#7e56fd
```
#7e56fd rgb(126,86,253)
```

Analogous Color

#d6fd56
```
#d6fd56 rgb(214,253,86)
```
#5682fd
```
#5682fd rgb(86,130,253)
```
#fd7e56
```
#fd7e56 rgb(253,126,86)
```

Split Complementary Color

#82fd56
```
#82fd56 rgb(130,253,86)
```
#5682fd
```
#5682fd rgb(86,130,253)
```
#fd5682
```
#fd5682 rgb(253,86,130)
```

Triadic Color

#56fdd1
```
#56fdd1 rgb(86,253,209)
```
#5682fd
```
#5682fd rgb(86,130,253)
```
#fd5682
```
#fd5682 rgb(253,86,130)
```
#fdd156
```
#fdd156 rgb(253,209,86)
```

Tetradic Color

#0a4afc
```
#0a4afc rgb(10,74,252)
```
#245dfc
```
#245dfc rgb(36,93,252)
```
#3d6ffd
```
#3d6ffd rgb(61,111,253)
```
#5682fd
```
#5682fd rgb(86,130,253)
```
#6f95fd
```
#6f95fd rgb(111,149,253)
```
#88a7fe
```
#88a7fe rgb(136,167,254)
```
#a2bafe
```
#a2bafe rgb(162,186,254)
```

Monochromatic Color

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

#56acfd
```
#56acfd rgb(86,172,253)
```
#569efd
```
#569efd rgb(86,158,253)
```
#5690fd
```
#5690fd rgb(86,144,253)
```
#5682fd
```
#5682fd rgb(86,130,253)
```
#5674fd
```
#5674fd rgb(86,116,253)
```
#5666fd
```
#5666fd rgb(86,102,253)
```
#5658fd
```
#5658fd rgb(86,88,253)
```

Similar Colors

Text with hexadecimal color #5682fd

This text has a font color of #5682fd.

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

#5682fd background color

This paragraph has a background color of #5682fd.

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

#5682fd border color

This element has a border color of #5682fd.

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

CSS codes

.text {color:#5682fd;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#000719
```
#000719 rgb(0,7,25)
```
#010c2c
```
#010c2c rgb(1,12,44)
```
#011140
```
#011140 rgb(1,17,64)
```
#011753
```
#011753 rgb(1,23,83)
```
#011c66
```
#011c66 rgb(1,28,102)
```
#01217a
```
#01217a rgb(1,33,122)
```
#02268d
```
#02268d rgb(2,38,141)
```
#022ca1
```
#022ca1 rgb(2,44,161)
```
#0231b4
```
#0231b4 rgb(2,49,180)
```
#0236c7
```
#0236c7 rgb(2,54,199)
```
#033cdb
```
#033cdb rgb(3,60,219)
```
#0341ee
```
#0341ee rgb(3,65,238)
```

Shade Color Variation

#0849fc
```
#0849fc rgb(8,73,252)
```
#1c57fc
```
#1c57fc rgb(28,87,252)
```
#2f65fd
```
#2f65fd rgb(47,101,253)
```
#4374fd
```
#4374fd rgb(67,116,253)
```
#5682fd
```
#5682fd rgb(86,130,253)
```
#6990fd
```
#6990fd rgb(105,144,253)
```
#7d9ffd
```
#7d9ffd rgb(125,159,253)
```
#90adfe
```
#90adfe rgb(144,173,254)
```
#a4bbfe
```
#a4bbfe rgb(164,187,254)
```
#b7cafe
```
#b7cafe rgb(183,202,254)
```
#cad8fe
```
#cad8fe rgb(202,216,254)
```
#dee6ff
```
#dee6ff rgb(222,230,255)
```
#f1f5ff
```
#f1f5ff rgb(241,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a5a7ae is the less saturated color, while #5682fd is the most saturated one.

#a5a7ae
```
#a5a7ae rgb(165,167,174)
```
#9ea4b5
```
#9ea4b5 rgb(158,164,181)
```
#98a1bb
```
#98a1bb rgb(152,161,187)
```
#919ec2
```
#919ec2 rgb(145,158,194)
```
#8b9bc8
```
#8b9bc8 rgb(139,155,200)
```
#8498cf
```
#8498cf rgb(132,152,207)
```
#7d95d6
```
#7d95d6 rgb(125,149,214)
```
#7792dc
```
#7792dc rgb(119,146,220)
```
#708ee3
```
#708ee3 rgb(112,142,227)
```
#6a8be9
```
#6a8be9 rgb(106,139,233)
```
#6388f0
```
#6388f0 rgb(99,136,240)
```
#5d85f6
```
#5d85f6 rgb(93,133,246)
```
#5682fd
```
#5682fd rgb(86,130,253)
```

Tone Color Variation

Below, you can see how #5682fd 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
#7a839b Atypical Achromatopsia 0.001% of the population

Dichromacy

#488bff Protanopia 1% of men
#0091f1 Deuteranopia 1% of men
#009da8 Tritanopia 0.001% of the population

Trichromacy

#4d87fe Protanomaly 1% of men, 0.01% of women
#1f8cf5 Deuteranomaly 6% of men, 0.4% of women
#1f93c7 Tritanomaly 0.01% of the population

#5682fd hex color

#5682fd Color Information

#5682fd Color Conversion

Color Schemes with #5682fd

Alternatives to #5682fd

#5682fd Preview

Shades and Tints of #5682fd

Tones of #5682fd

Color Blindness Simulator