#5692ed hex color

In a RGB color space, hex #5692ed is composed of 33.7% red, 57.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 63.7% cyan, 38.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 216.2 degrees, a saturation of 80.7% and a lightness of 63.3%. #5692ed color hex could be obtained by blending #acffff with #0025db. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 34
- G 57
- B 93
RGB color chart
- C 64
- M 38
- Y 0
- K 7
CMYK color chart

● #5692ed color description : Soft blue.

The hexadecimal color #5692ed has RGB values of R:86, G:146, B:237 and CMYK values of C:0.64, M:0.38, Y:0, K:0.07. Its decimal value is 5673709.

Hex triplet	5692ed	`#5692ed`
RGB Decimal	86, 146, 237	`rgb(86,146,237)`
RGB Percent	33.7, 57.3, 92.9	`rgb(33.7%,57.3%,92.9%)`
CMYK	64, 38, 0, 7
HSL	216.2°, 80.7, 63.3	`hsl(216.2,80.7%,63.3%)`
HSV (or HSB)	216.2°, 63.7, 92.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.47, 8.531, -51.655
XYZ	29.399, 28.649, 84.097
xyY	0.207, 0.202, 28.649
CIE-LCH	60.47, 52.354, 279.378
CIE-LUV	60.47, -25.581, -83.256
Hunter-Lab	53.525, 4.376, -55.688
Binary	01010110, 10010010, 11101101

#5692ed
```
#5692ed rgb(86,146,237)
```
#edb156
```
#edb156 rgb(237,177,86)
```

Complementary Color

#56deed
```
#56deed rgb(86,222,237)
```
#5692ed
```
#5692ed rgb(86,146,237)
```
#6656ed
```
#6656ed rgb(102,86,237)
```

Analogous Color

#deed56
```
#deed56 rgb(222,237,86)
```
#5692ed
```
#5692ed rgb(86,146,237)
```
#ed6656
```
#ed6656 rgb(237,102,86)
```

Split Complementary Color

#92ed56
```
#92ed56 rgb(146,237,86)
```
#5692ed
```
#5692ed rgb(86,146,237)
```
#ed5692
```
#ed5692 rgb(237,86,146)
```

Triadic Color

#56edb1
```
#56edb1 rgb(86,237,177)
```
#5692ed
```
#5692ed rgb(86,146,237)
```
#ed5692
```
#ed5692 rgb(237,86,146)
```
#edb156
```
#edb156 rgb(237,177,86)
```

Tetradic Color

#1867df
```
#1867df rgb(24,103,223)
```
#2874e8
```
#2874e8 rgb(40,116,232)
```
#3f83eb
```
#3f83eb rgb(63,131,235)
```
#5692ed
```
#5692ed rgb(86,146,237)
```
#6da1ef
```
#6da1ef rgb(109,161,239)
```
#84b0f2
```
#84b0f2 rgb(132,176,242)
```
#9bbff4
```
#9bbff4 rgb(155,191,244)
```

Monochromatic Color

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

#56b8ed
```
#56b8ed rgb(86,184,237)
```
#56abed
```
#56abed rgb(86,171,237)
```
#569fed
```
#569fed rgb(86,159,237)
```
#5692ed
```
#5692ed rgb(86,146,237)
```
#5685ed
```
#5685ed rgb(86,133,237)
```
#5679ed
```
#5679ed rgb(86,121,237)
```
#566ced
```
#566ced rgb(86,108,237)
```

Similar Colors

Text with hexadecimal color #5692ed

This text has a font color of #5692ed.

<span style="color:#5692ed;">Text here</span>

#5692ed background color

This paragraph has a background color of #5692ed.

<p style="background-color:#5692ed;">Content here</p>

#5692ed border color

This element has a border color of #5692ed.

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

CSS codes

.text {color:#5692ed;}

.background {background-color:#5692ed;}

.border {border:1px solid #5692ed;}

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

#010408
```
#010408 rgb(1,4,8)
```
#030c1a
```
#030c1a rgb(3,12,26)
```
#05142c
```
#05142c rgb(5,20,44)
```
#071c3d
```
#071c3d rgb(7,28,61)
```
#08254f
```
#08254f rgb(8,37,79)
```
#0a2d61
```
#0a2d61 rgb(10,45,97)
```
#0c3573
```
#0c3573 rgb(12,53,115)
```
#0e3d84
```
#0e3d84 rgb(14,61,132)
```
#104596
```
#104596 rgb(16,69,150)
```
#124da8
```
#124da8 rgb(18,77,168)
```
#1456ba
```
#1456ba rgb(20,86,186)
```
#165ecb
```
#165ecb rgb(22,94,203)
```
#1866dd
```
#1866dd rgb(24,102,221)
```

Shade Color Variation

#2170e7
```
#2170e7 rgb(33,112,231)
```
#337be9
```
#337be9 rgb(51,123,233)
```
#4487eb
```
#4487eb rgb(68,135,235)
```
#5692ed
```
#5692ed rgb(86,146,237)
```
#689def
```
#689def rgb(104,157,239)
```
#79a9f1
```
#79a9f1 rgb(121,169,241)
```
#8bb4f3
```
#8bb4f3 rgb(139,180,243)
```
#9dc0f5
```
#9dc0f5 rgb(157,192,245)
```
#afcbf6
```
#afcbf6 rgb(175,203,246)
```
#c0d7f8
```
#c0d7f8 rgb(192,215,248)
```
#d2e2fa
```
#d2e2fa rgb(210,226,250)
```
#e4edfc
```
#e4edfc rgb(228,237,252)
```
#f6f9fe
```
#f6f9fe rgb(246,249,254)
```

Tint Color Variation

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

#9ea1a5
```
#9ea1a5 rgb(158,161,165)
```
#979fac
```
#979fac rgb(151,159,172)
```
#909eb3
```
#909eb3 rgb(144,158,179)
```
#889cbb
```
#889cbb rgb(136,156,187)
```
#819bc2
```
#819bc2 rgb(129,155,194)
```
#7a99c9
```
#7a99c9 rgb(122,153,201)
```
#7398d0
```
#7398d0 rgb(115,152,208)
```
#6c96d7
```
#6c96d7 rgb(108,150,215)
```
#6495df
```
#6495df rgb(100,149,223)
```
#5d93e6
```
#5d93e6 rgb(93,147,230)
```
#5692ed
```
#5692ed rgb(86,146,237)
```
#4f91f4
```
#4f91f4 rgb(79,145,244)
```
#488ffb
```
#488ffb rgb(72,143,251)
```

Tone Color Variation

Below, you can see how #5692ed 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

#8a8a8a Achromatopsia 0.005% of the population
#808c9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7294eb Protanopia 1% of men
#5a98ed Deuteranopia 1% of men
#2fa5b1 Tritanopia 0.001% of the population

Trichromacy

#6793ec Protanomaly 1% of men, 0.01% of women
#5996ed Deuteranomaly 6% of men, 0.4% of women
#3d9ec7 Tritanomaly 0.01% of the population

#5692ed hex color

#5692ed Color Information

#5692ed Color Conversion

Color Schemes with #5692ed

Alternatives to #5692ed

#5692ed Preview

Shades and Tints of #5692ed

Tones of #5692ed

Color Blindness Simulator