#5683eb hex color

In a RGB color space, hex #5683eb is composed of 33.7% red, 51.4% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 44.3% magenta, 0% yellow and 7.8% black. It has a hue angle of 221.9 degrees, a saturation of 78.8% and a lightness of 62.9%. #5683eb color hex could be obtained by blending #acffff with #0007d7. 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

● #5683eb color description : Soft blue.

The hexadecimal color #5683eb has RGB values of R:86, G:131, B:235 and CMYK values of C:0.63, M:0.44, Y:0, K:0.08. Its decimal value is 5669867.

Hex triplet	5683eb	`#5683eb`
RGB Decimal	86, 131, 235	`rgb(86,131,235)`
RGB Percent	33.7, 51.4, 92.2	`rgb(33.7%,51.4%,92.2%)`
CMYK	63, 44, 0, 8
HSL	221.9°, 78.8, 62.9	`hsl(221.9,78.8%,62.9%)`
HSV (or HSB)	221.9°, 63.4, 92.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	56.295, 16.849, -57.201
XYZ	26.946, 24.208, 81.845
xyY	0.203, 0.182, 24.208
CIE-LCH	56.295, 59.631, 286.413
CIE-LUV	56.295, -20.681, -91.888
Hunter-Lab	49.201, 11.658, -64.187
Binary	01010110, 10000011, 11101011

#5683eb
```
#5683eb rgb(86,131,235)
```
#ebbe56
```
#ebbe56 rgb(235,190,86)
```

Complementary Color

#56ceeb
```
#56ceeb rgb(86,206,235)
```
#5683eb
```
#5683eb rgb(86,131,235)
```
#7456eb
```
#7456eb rgb(116,86,235)
```

Analogous Color

#ceeb56
```
#ceeb56 rgb(206,235,86)
```
#5683eb
```
#5683eb rgb(86,131,235)
```
#eb7456
```
#eb7456 rgb(235,116,86)
```

Split Complementary Color

#83eb56
```
#83eb56 rgb(131,235,86)
```
#5683eb
```
#5683eb rgb(86,131,235)
```
#eb5683
```
#eb5683 rgb(235,86,131)
```

Triadic Color

#56ebbe
```
#56ebbe rgb(86,235,190)
```
#5683eb
```
#5683eb rgb(86,131,235)
```
#eb5683
```
#eb5683 rgb(235,86,131)
```
#ebbe56
```
#ebbe56 rgb(235,190,86)
```

Tetradic Color

#1a54db
```
#1a54db rgb(26,84,219)
```
#2862e6
```
#2862e6 rgb(40,98,230)
```
#3f72e8
```
#3f72e8 rgb(63,114,232)
```
#5683eb
```
#5683eb rgb(86,131,235)
```
#6d94ee
```
#6d94ee rgb(109,148,238)
```
#84a4f0
```
#84a4f0 rgb(132,164,240)
```
#9ab5f3
```
#9ab5f3 rgb(154,181,243)
```

Monochromatic Color

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

#56a8eb
```
#56a8eb rgb(86,168,235)
```
#569ceb
```
#569ceb rgb(86,156,235)
```
#568feb
```
#568feb rgb(86,143,235)
```
#5683eb
```
#5683eb rgb(86,131,235)
```
#5677eb
```
#5677eb rgb(86,119,235)
```
#566aeb
```
#566aeb rgb(86,106,235)
```
#565eeb
```
#565eeb rgb(86,94,235)
```

Similar Colors

Text with hexadecimal color #5683eb

This text has a font color of #5683eb.

<span style="color:#5683eb;">Text here</span>

#5683eb background color

This paragraph has a background color of #5683eb.

<p style="background-color:#5683eb;">Content here</p>

#5683eb border color

This element has a border color of #5683eb.

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

CSS codes

.text {color:#5683eb;}

.background {background-color:#5683eb;}

.border {border:1px solid #5683eb;}

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

#010206
```
#010206 rgb(1,2,6)
```
#030918
```
#030918 rgb(3,9,24)
```
#051029
```
#051029 rgb(5,16,41)
```
#07173b
```
#07173b rgb(7,23,59)
```
#091d4d
```
#091d4d rgb(9,29,77)
```
#0b245e
```
#0b245e rgb(11,36,94)
```
#0d2b70
```
#0d2b70 rgb(13,43,112)
```
#0f3281
```
#0f3281 rgb(15,50,129)
```
#113893
```
#113893 rgb(17,56,147)
```
#133fa4
```
#133fa4 rgb(19,63,164)
```
#1646b6
```
#1646b6 rgb(22,70,182)
```
#184dc7
```
#184dc7 rgb(24,77,199)
```
#1a53d9
```
#1a53d9 rgb(26,83,217)
```

Shade Color Variation

#215ce5
```
#215ce5 rgb(33,92,229)
```
#3369e7
```
#3369e7 rgb(51,105,231)
```
#4476e9
```
#4476e9 rgb(68,118,233)
```
#5683eb
```
#5683eb rgb(86,131,235)
```
#6890ed
```
#6890ed rgb(104,144,237)
```
#799def
```
#799def rgb(121,157,239)
```
#8baaf1
```
#8baaf1 rgb(139,170,241)
```
#9cb6f3
```
#9cb6f3 rgb(156,182,243)
```
#aec3f5
```
#aec3f5 rgb(174,195,245)
```
#bfd0f7
```
#bfd0f7 rgb(191,208,247)
```
#d1ddfa
```
#d1ddfa rgb(209,221,250)
```
#e2eafc
```
#e2eafc rgb(226,234,252)
```
#f4f7fe
```
#f4f7fe rgb(244,247,254)
```

Tint Color Variation

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

#9fa0a2
```
#9fa0a2 rgb(159,160,162)
```
#979daa
```
#979daa rgb(151,157,170)
```
#909ab1
```
#909ab1 rgb(144,154,177)
```
#8997b8
```
#8997b8 rgb(137,151,184)
```
#8294bf
```
#8294bf rgb(130,148,191)
```
#7a91c7
```
#7a91c7 rgb(122,145,199)
```
#738fce
```
#738fce rgb(115,143,206)
```
#6c8cd5
```
#6c8cd5 rgb(108,140,213)
```
#6589dc
```
#6589dc rgb(101,137,220)
```
#5d86e4
```
#5d86e4 rgb(93,134,228)
```
#5683eb
```
#5683eb rgb(86,131,235)
```
#4f80f2
```
#4f80f2 rgb(79,128,242)
```
#477dfa
```
#477dfa rgb(71,125,250)
```

Tone Color Variation

Below, you can see how #5683eb 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

#5b8aec Protanopia 1% of men
#368ee9 Deuteranopia 1% of men
#249aa5 Tritanopia 0.001% of the population

Trichromacy

#5987eb Protanomaly 1% of men, 0.01% of women
#418aea Deuteranomaly 6% of men, 0.4% of women
#3691be Tritanomaly 0.01% of the population

#5683eb hex color

#5683eb Color Information

#5683eb Color Conversion

Color Schemes with #5683eb

Alternatives to #5683eb

#5683eb Preview

Shades and Tints of #5683eb

Tones of #5683eb

Color Blindness Simulator