#5675de hex color

In a RGB color space, hex #5675de is composed of 33.7% red, 45.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 61.3% cyan, 47.3% magenta, 0% yellow and 12.9% black. It has a hue angle of 226.3 degrees, a saturation of 67.3% and a lightness of 60.4%. #5675de color hex could be obtained by blending #aceaff with #0000bd. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 46
- B 87
RGB color chart
- C 61
- M 47
- Y 0
- K 13
CMYK color chart

● #5675de color description : Soft blue.

The hexadecimal color #5675de has RGB values of R:86, G:117, B:222 and CMYK values of C:0.61, M:0.47, Y:0, K:0.13. Its decimal value is 5666270.

Hex triplet	5675de	`#5675de`
RGB Decimal	86, 117, 222	`rgb(86,117,222)`
RGB Percent	33.7, 45.9, 87.1	`rgb(33.7%,45.9%,87.1%)`
CMYK	61, 47, 0, 13
HSL	226.3°, 67.3, 60.4	`hsl(226.3,67.3%,60.4%)`
HSV (or HSB)	226.3°, 61.3, 87.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.807, 21.016, -57.112
XYZ	23.381, 19.974, 71.726
xyY	0.203, 0.174, 19.974
CIE-LCH	51.807, 60.856, 290.202
CIE-LUV	51.807, -16.202, -90.455
Hunter-Lab	44.692, 15.173, -63.871
Binary	01010110, 01110101, 11011110

#5675de
```
#5675de rgb(86,117,222)
```
#debf56
```
#debf56 rgb(222,191,86)
```

Complementary Color

#56b9de
```
#56b9de rgb(86,185,222)
```
#5675de
```
#5675de rgb(86,117,222)
```
#7b56de
```
#7b56de rgb(123,86,222)
```

Analogous Color

#b9de56
```
#b9de56 rgb(185,222,86)
```
#5675de
```
#5675de rgb(86,117,222)
```
#de7b56
```
#de7b56 rgb(222,123,86)
```

Split Complementary Color

#75de56
```
#75de56 rgb(117,222,86)
```
#5675de
```
#5675de rgb(86,117,222)
```
#de5675
```
#de5675 rgb(222,86,117)
```

Triadic Color

#56debf
```
#56debf rgb(86,222,191)
```
#5675de
```
#5675de rgb(86,117,222)
```
#de5675
```
#de5675 rgb(222,86,117)
```
#debf56
```
#debf56 rgb(222,191,86)
```

Tetradic Color

#2649c2
```
#2649c2 rgb(38,73,194)
```
#2b52d6
```
#2b52d6 rgb(43,82,214)
```
#4164da
```
#4164da rgb(65,100,218)
```
#5675de
```
#5675de rgb(86,117,222)
```
#6b86e2
```
#6b86e2 rgb(107,134,226)
```
#8198e6
```
#8198e6 rgb(129,152,230)
```
#96a9ea
```
#96a9ea rgb(150,169,234)
```

Monochromatic Color

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

#5697de
```
#5697de rgb(86,151,222)
```
#568cde
```
#568cde rgb(86,140,222)
```
#5680de
```
#5680de rgb(86,128,222)
```
#5675de
```
#5675de rgb(86,117,222)
```
#566ade
```
#566ade rgb(86,106,222)
```
#565ede
```
#565ede rgb(86,94,222)
```
#5956de
```
#5956de rgb(89,86,222)
```

Similar Colors

Text with hexadecimal color #5675de

This text has a font color of #5675de.

<span style="color:#5675de;">Text here</span>

#5675de background color

This paragraph has a background color of #5675de.

<p style="background-color:#5675de;">Content here</p>

#5675de border color

This element has a border color of #5675de.

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

CSS codes

.text {color:#5675de;}

.background {background-color:#5675de;}

.border {border:1px solid #5675de;}

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, #02040c is the darkest color, while #fafbfe is the lightest one.

#02040c
```
#02040c rgb(2,4,12)
```
#050b1c
```
#050b1c rgb(5,11,28)
```
#09112c
```
#09112c rgb(9,17,44)
```
#0c173d
```
#0c173d rgb(12,23,61)
```
#0f1d4d
```
#0f1d4d rgb(15,29,77)
```
#12235e
```
#12235e rgb(18,35,94)
```
#152a6e
```
#152a6e rgb(21,42,110)
```
#19307e
```
#19307e rgb(25,48,126)
```
#1c368f
```
#1c368f rgb(28,54,143)
```
#1f3c9f
```
#1f3c9f rgb(31,60,159)
```
#2243b0
```
#2243b0 rgb(34,67,176)
```
#2549c0
```
#2549c0 rgb(37,73,192)
```
#294fd0
```
#294fd0 rgb(41,79,208)
```

Shade Color Variation

#355ad8
```
#355ad8 rgb(53,90,216)
```
#4668db
```
#4668db rgb(70,104,219)
```
#5675de
```
#5675de rgb(86,117,222)
```
#6682e1
```
#6682e1 rgb(102,130,225)
```
#7790e4
```
#7790e4 rgb(119,144,228)
```
#879de8
```
#879de8 rgb(135,157,232)
```
#98abeb
```
#98abeb rgb(152,171,235)
```
#a8b8ee
```
#a8b8ee rgb(168,184,238)
```
#b8c5f1
```
#b8c5f1 rgb(184,197,241)
```
#c9d3f4
```
#c9d3f4 rgb(201,211,244)
```
#d9e0f8
```
#d9e0f8 rgb(217,224,248)
```
#eaeefb
```
#eaeefb rgb(234,238,251)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#9497a0
```
#9497a0 rgb(148,151,160)
```
#8c93a8
```
#8c93a8 rgb(140,147,168)
```
#858eaf
```
#858eaf rgb(133,142,175)
```
#7d8ab7
```
#7d8ab7 rgb(125,138,183)
```
#7586bf
```
#7586bf rgb(117,134,191)
```
#6d82c7
```
#6d82c7 rgb(109,130,199)
```
#667dce
```
#667dce rgb(102,125,206)
```
#5e79d6
```
#5e79d6 rgb(94,121,214)
```
#5675de
```
#5675de rgb(86,117,222)
```
#4e71e6
```
#4e71e6 rgb(78,113,230)
```
#466dee
```
#466dee rgb(70,109,238)
```
#3f68f5
```
#3f68f5 rgb(63,104,245)
```
#3764fd
```
#3764fd rgb(55,100,253)
```

Tone Color Variation

Below, you can see how #5675de 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

#787878 Achromatopsia 0.005% of the population
#71778c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a7fe2 Protanopia 1% of men
#1884dc Deuteranopia 1% of men
#2d8d98 Tritanopia 0.001% of the population

Trichromacy

#4e7be0 Protanomaly 1% of men, 0.01% of women
#2e7edc Deuteranomaly 6% of men, 0.4% of women
#3c84b1 Tritanomaly 0.01% of the population

#5675de hex color

#5675de Color Information

#5675de Color Conversion

Color Schemes with #5675de

Alternatives to #5675de

#5675de Preview

Shades and Tints of #5675de

Tones of #5675de

Color Blindness Simulator