#5672dd hex color

In a RGB color space, hex #5672dd is composed of 33.7% red, 44.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 61.1% cyan, 48.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 227.6 degrees, a saturation of 66.5% and a lightness of 60.2%. #5672dd color hex could be obtained by blending #ace4ff with #0000bb. Closest websafe color is: #6666cc.

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

● #5672dd color description : Soft blue.

The hexadecimal color #5672dd has RGB values of R:86, G:114, B:221 and CMYK values of C:0.61, M:0.48, Y:0, K:0.13. Its decimal value is 5665501.

Hex triplet	5672dd	`#5672dd`
RGB Decimal	86, 114, 221	`rgb(86,114,221)`
RGB Percent	33.7, 44.7, 86.7	`rgb(33.7%,44.7%,86.7%)`
CMYK	61, 48, 0, 13
HSL	227.6°, 66.5, 60.2	`hsl(227.6,66.5%,60.2%)`
HSV (or HSB)	227.6°, 61.1, 86.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.958, 22.53, -57.912
XYZ	22.903, 19.232, 70.908
xyY	0.203, 0.17, 19.232
CIE-LCH	50.958, 62.14, 291.258
CIE-LUV	50.958, -15.264, -91.472
Hunter-Lab	43.855, 16.478, -65.167
Binary	01010110, 01110010, 11011101

#5672dd
```
#5672dd rgb(86,114,221)
```
#ddc156
```
#ddc156 rgb(221,193,86)
```

Complementary Color

#56b6dd
```
#56b6dd rgb(86,182,221)
```
#5672dd
```
#5672dd rgb(86,114,221)
```
#7e56dd
```
#7e56dd rgb(126,86,221)
```

Analogous Color

#b6dd56
```
#b6dd56 rgb(182,221,86)
```
#5672dd
```
#5672dd rgb(86,114,221)
```
#dd7e56
```
#dd7e56 rgb(221,126,86)
```

Split Complementary Color

#72dd56
```
#72dd56 rgb(114,221,86)
```
#5672dd
```
#5672dd rgb(86,114,221)
```
#dd5672
```
#dd5672 rgb(221,86,114)
```

Triadic Color

#56ddc1
```
#56ddc1 rgb(86,221,193)
```
#5672dd
```
#5672dd rgb(86,114,221)
```
#dd5672
```
#dd5672 rgb(221,86,114)
```
#ddc156
```
#ddc156 rgb(221,193,86)
```

Tetradic Color

#2746c0
```
#2746c0 rgb(39,70,192)
```
#2c4fd4
```
#2c4fd4 rgb(44,79,212)
```
#4160d9
```
#4160d9 rgb(65,96,217)
```
#5672dd
```
#5672dd rgb(86,114,221)
```
#6b84e1
```
#6b84e1 rgb(107,132,225)
```
#8095e6
```
#8095e6 rgb(128,149,230)
```
#96a7ea
```
#96a7ea rgb(150,167,234)
```

Monochromatic Color

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

#5694dd
```
#5694dd rgb(86,148,221)
```
#5689dd
```
#5689dd rgb(86,137,221)
```
#567ddd
```
#567ddd rgb(86,125,221)
```
#5672dd
```
#5672dd rgb(86,114,221)
```
#5667dd
```
#5667dd rgb(86,103,221)
```
#565cdd
```
#565cdd rgb(86,92,221)
```
#5c56dd
```
#5c56dd rgb(92,86,221)
```

Similar Colors

Text with hexadecimal color #5672dd

This text has a font color of #5672dd.

<span style="color:#5672dd;">Text here</span>

#5672dd background color

This paragraph has a background color of #5672dd.

<p style="background-color:#5672dd;">Content here</p>

#5672dd border color

This element has a border color of #5672dd.

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

CSS codes

.text {color:#5672dd;}

.background {background-color:#5672dd;}

.border {border:1px solid #5672dd;}

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

#02040b
```
#02040b rgb(2,4,11)
```
#050a1b
```
#050a1b rgb(5,10,27)
```
#09102b
```
#09102b rgb(9,16,43)
```
#0c163c
```
#0c163c rgb(12,22,60)
```
#0f1c4c
```
#0f1c4c rgb(15,28,76)
```
#13225c
```
#13225c rgb(19,34,92)
```
#16286d
```
#16286d rgb(22,40,109)
```
#192e7d
```
#192e7d rgb(25,46,125)
```
#1c348d
```
#1c348d rgb(28,52,141)
```
#203a9e
```
#203a9e rgb(32,58,158)
```
#2340ae
```
#2340ae rgb(35,64,174)
```
#2646be
```
#2646be rgb(38,70,190)
```
#2a4ccf
```
#2a4ccf rgb(42,76,207)
```

Shade Color Variation

#3557d6
```
#3557d6 rgb(53,87,214)
```
#4664da
```
#4664da rgb(70,100,218)
```
#5672dd
```
#5672dd rgb(86,114,221)
```
#6680e0
```
#6680e0 rgb(102,128,224)
```
#778de4
```
#778de4 rgb(119,141,228)
```
#879be7
```
#879be7 rgb(135,155,231)
```
#97a8ea
```
#97a8ea rgb(151,168,234)
```
#a8b6ed
```
#a8b6ed rgb(168,182,237)
```
#b8c4f1
```
#b8c4f1 rgb(184,196,241)
```
#c8d1f4
```
#c8d1f4 rgb(200,209,244)
```
#d9dff7
```
#d9dff7 rgb(217,223,247)
```
#e9edfb
```
#e9edfb rgb(233,237,251)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #94979f is the less saturated color, while #3760fc is the most saturated one.

#94979f
```
#94979f rgb(148,151,159)
```
#8d92a6
```
#8d92a6 rgb(141,146,166)
```
#858dae
```
#858dae rgb(133,141,174)
```
#7d89b6
```
#7d89b6 rgb(125,137,182)
```
#7584be
```
#7584be rgb(117,132,190)
```
#6d80c6
```
#6d80c6 rgb(109,128,198)
```
#667bcd
```
#667bcd rgb(102,123,205)
```
#5e77d5
```
#5e77d5 rgb(94,119,213)
```
#5672dd
```
#5672dd rgb(86,114,221)
```
#4e6de5
```
#4e6de5 rgb(78,109,229)
```
#4669ed
```
#4669ed rgb(70,105,237)
```
#3f64f4
```
#3f64f4 rgb(63,100,244)
```
#3760fc
```
#3760fc rgb(55,96,252)
```

Tone Color Variation

Below, you can see how #5672dd 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

#767676 Achromatopsia 0.005% of the population
#70758b Atypical Achromatopsia 0.001% of the population

Dichromacy

#447ce1 Protanopia 1% of men
#0082d9 Deuteranopia 1% of men
#2c8b96 Tritanopia 0.001% of the population

Trichromacy

#4b78e0 Protanomaly 1% of men, 0.01% of women
#1f7cda Deuteranomaly 6% of men, 0.4% of women
#3b82af Tritanomaly 0.01% of the population

#5672dd hex color

#5672dd Color Information

#5672dd Color Conversion

Color Schemes with #5672dd

Alternatives to #5672dd

#5672dd Preview

Shades and Tints of #5672dd

Tones of #5672dd

Color Blindness Simulator