#5672cb hex color

In a RGB color space, hex #5672cb is composed of 33.7% red, 44.7% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 43.8% magenta, 0% yellow and 20.4% black. It has a hue angle of 225.6 degrees, a saturation of 52.9% and a lightness of 56.7%. #5672cb color hex could be obtained by blending #ace4ff with #000097. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 45
- B 80
RGB color chart
- C 58
- M 44
- Y 0
- K 20
CMYK color chart

● #5672cb color description : Moderate blue.

The hexadecimal color #5672cb has RGB values of R:86, G:114, B:203 and CMYK values of C:0.58, M:0.44, Y:0, K:0.2. Its decimal value is 5665483.

Hex triplet	5672cb	`#5672cb`
RGB Decimal	86, 114, 203	`rgb(86,114,203)`
RGB Percent	33.7, 44.7, 79.6	`rgb(33.7%,44.7%,79.6%)`
CMYK	58, 44, 0, 20
HSL	225.6°, 52.9, 56.7	`hsl(225.6,52.9%,56.7%)`
HSV (or HSB)	225.6°, 57.6, 79.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.887, 16.503, -49.405
XYZ	20.632, 18.324, 58.946
xyY	0.211, 0.187, 18.324
CIE-LCH	49.887, 52.089, 288.471
CIE-LUV	49.887, -14.988, -77.294
Hunter-Lab	42.806, 11.124, -51.681
Binary	01010110, 01110010, 11001011

#5672cb
```
#5672cb rgb(86,114,203)
```
#cbaf56
```
#cbaf56 rgb(203,175,86)
```

Complementary Color

#56adcb
```
#56adcb rgb(86,173,203)
```
#5672cb
```
#5672cb rgb(86,114,203)
```
#7556cb
```
#7556cb rgb(117,86,203)
```

Analogous Color

#adcb56
```
#adcb56 rgb(173,203,86)
```
#5672cb
```
#5672cb rgb(86,114,203)
```
#cb7556
```
#cb7556 rgb(203,117,86)
```

Split Complementary Color

#72cb56
```
#72cb56 rgb(114,203,86)
```
#5672cb
```
#5672cb rgb(86,114,203)
```
#cb5672
```
#cb5672 rgb(203,86,114)
```

Triadic Color

#56cbaf
```
#56cbaf rgb(86,203,175)
```
#5672cb
```
#5672cb rgb(86,114,203)
```
#cb5672
```
#cb5672 rgb(203,86,114)
```
#cbaf56
```
#cbaf56 rgb(203,175,86)
```

Tetradic Color

#324da3
```
#324da3 rgb(50,77,163)
```
#3856b6
```
#3856b6 rgb(56,86,182)
```
#4362c5
```
#4362c5 rgb(67,98,197)
```
#5672cb
```
#5672cb rgb(86,114,203)
```
#6a82d1
```
#6a82d1 rgb(106,130,209)
```
#7d93d7
```
#7d93d7 rgb(125,147,215)
```
#91a3dd
```
#91a3dd rgb(145,163,221)
```

Monochromatic Color

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

#568fcb
```
#568fcb rgb(86,143,203)
```
#5686cb
```
#5686cb rgb(86,134,203)
```
#567ccb
```
#567ccb rgb(86,124,203)
```
#5672cb
```
#5672cb rgb(86,114,203)
```
#5668cb
```
#5668cb rgb(86,104,203)
```
#565fcb
```
#565fcb rgb(86,95,203)
```
#5756cb
```
#5756cb rgb(87,86,203)
```

Similar Colors

Text with hexadecimal color #5672cb

This text has a font color of #5672cb.

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

#5672cb background color

This paragraph has a background color of #5672cb.

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

#5672cb border color

This element has a border color of #5672cb.

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

CSS codes

.text {color:#5672cb;}

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

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

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

#03050b
```
#03050b rgb(3,5,11)
```
#080c1a
```
#080c1a rgb(8,12,26)
```
#0d1329
```
#0d1329 rgb(13,19,41)
```
#111b38
```
#111b38 rgb(17,27,56)
```
#162247
```
#162247 rgb(22,34,71)
```
#1a2956
```
#1a2956 rgb(26,41,86)
```
#1f3065
```
#1f3065 rgb(31,48,101)
```
#243774
```
#243774 rgb(36,55,116)
```
#283e83
```
#283e83 rgb(40,62,131)
```
#2d4592
```
#2d4592 rgb(45,69,146)
```
#324ca1
```
#324ca1 rgb(50,76,161)
```
#3653b0
```
#3653b0 rgb(54,83,176)
```
#3b5abf
```
#3b5abf rgb(59,90,191)
```

Shade Color Variation

#4765c6
```
#4765c6 rgb(71,101,198)
```
#5672cb
```
#5672cb rgb(86,114,203)
```
#657fd0
```
#657fd0 rgb(101,127,208)
```
#748bd4
```
#748bd4 rgb(116,139,212)
```
#8398d9
```
#8398d9 rgb(131,152,217)
```
#92a4dd
```
#92a4dd rgb(146,164,221)
```
#a1b1e2
```
#a1b1e2 rgb(161,177,226)
```
#b0bde7
```
#b0bde7 rgb(176,189,231)
```
#bfcaeb
```
#bfcaeb rgb(191,202,235)
```
#ced6f0
```
#ced6f0 rgb(206,214,240)
```
#dde3f5
```
#dde3f5 rgb(221,227,245)
```
#eceff9
```
#eceff9 rgb(236,239,249)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898d98 is the less saturated color, while #2357fe is the most saturated one.

#898d98
```
#898d98 rgb(137,141,152)
```
#8188a1
```
#8188a1 rgb(129,136,161)
```
#7884a9
```
#7884a9 rgb(120,132,169)
```
#707fb2
```
#707fb2 rgb(112,127,178)
```
#677bba
```
#677bba rgb(103,123,186)
```
#5f76c3
```
#5f76c3 rgb(95,118,195)
```
#5672cb
```
#5672cb rgb(86,114,203)
```
#4e6ed4
```
#4e6ed4 rgb(78,110,212)
```
#4569dc
```
#4569dc rgb(69,105,220)
```
#3d65e5
```
#3d65e5 rgb(61,101,229)
```
#3460ed
```
#3460ed rgb(52,96,237)
```
#2c5cf6
```
#2c5cf6 rgb(44,92,246)
```
#2357fe
```
#2357fe rgb(35,87,254)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6e7485 Atypical Achromatopsia 0.001% of the population

Dichromacy

#547bcf Protanopia 1% of men
#3e7ecb Deuteranopia 1% of men
#3e8791 Tritanopia 0.001% of the population

Trichromacy

#5577cd Protanomaly 1% of men, 0.01% of women
#467acb Deuteranomaly 6% of men, 0.4% of women
#467fa6 Tritanomaly 0.01% of the population

#5672cb hex color

#5672cb Color Information

#5672cb Color Conversion

Color Schemes with #5672cb

Alternatives to #5672cb

#5672cb Preview

Shades and Tints of #5672cb

Tones of #5672cb

Color Blindness Simulator