#5675cf hex color

In a RGB color space, hex #5675cf is composed of 33.7% red, 45.9% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 43.5% magenta, 0% yellow and 18.8% black. It has a hue angle of 224.6 degrees, a saturation of 55.8% and a lightness of 57.5%. #5675cf color hex could be obtained by blending #aceaff with #00009f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 46
- B 81
RGB color chart
- C 58
- M 43
- Y 0
- K 19
CMYK color chart

● #5675cf color description : Moderate blue.

The hexadecimal color #5675cf has RGB values of R:86, G:117, B:207 and CMYK values of C:0.58, M:0.43, Y:0, K:0.19. Its decimal value is 5666255.

Hex triplet	5675cf	`#5675cf`
RGB Decimal	86, 117, 207	`rgb(86,117,207)`
RGB Percent	33.7, 45.9, 81.2	`rgb(33.7%,45.9%,81.2%)`
CMYK	58, 43, 0, 19
HSL	224.6°, 55.8, 57.5	`hsl(224.6,55.8%,57.5%)`
HSV (or HSB)	224.6°, 58.5, 81.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.926, 15.984, -50.027
XYZ	21.459, 19.205, 61.604
xyY	0.21, 0.188, 19.205
CIE-LCH	50.926, 52.519, 287.719
CIE-LUV	50.926, -16.023, -78.58
Hunter-Lab	43.823, 10.716, -52.67
Binary	01010110, 01110101, 11001111

#5675cf
```
#5675cf rgb(86,117,207)
```
#cfb056
```
#cfb056 rgb(207,176,86)
```

Complementary Color

#56b2cf
```
#56b2cf rgb(86,178,207)
```
#5675cf
```
#5675cf rgb(86,117,207)
```
#7456cf
```
#7456cf rgb(116,86,207)
```

Analogous Color

#b2cf56
```
#b2cf56 rgb(178,207,86)
```
#5675cf
```
#5675cf rgb(86,117,207)
```
#cf7456
```
#cf7456 rgb(207,116,86)
```

Split Complementary Color

#75cf56
```
#75cf56 rgb(117,207,86)
```
#5675cf
```
#5675cf rgb(86,117,207)
```
#cf5675
```
#cf5675 rgb(207,86,117)
```

Triadic Color

#56cfb0
```
#56cfb0 rgb(86,207,176)
```
#5675cf
```
#5675cf rgb(86,117,207)
```
#cf5675
```
#cf5675 rgb(207,86,117)
```
#cfb056
```
#cfb056 rgb(207,176,86)
```

Tetradic Color

#304fa9
```
#304fa9 rgb(48,79,169)
```
#3658bc
```
#3658bc rgb(54,88,188)
```
#4265c9
```
#4265c9 rgb(66,101,201)
```
#5675cf
```
#5675cf rgb(86,117,207)
```
#6a85d5
```
#6a85d5 rgb(106,133,213)
```
#7e95da
```
#7e95da rgb(126,149,218)
```
#92a6e0
```
#92a6e0 rgb(146,166,224)
```

Monochromatic Color

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

#5693cf
```
#5693cf rgb(86,147,207)
```
#5689cf
```
#5689cf rgb(86,137,207)
```
#567fcf
```
#567fcf rgb(86,127,207)
```
#5675cf
```
#5675cf rgb(86,117,207)
```
#566bcf
```
#566bcf rgb(86,107,207)
```
#5661cf
```
#5661cf rgb(86,97,207)
```
#5657cf
```
#5657cf rgb(86,87,207)
```

Similar Colors

Text with hexadecimal color #5675cf

This text has a font color of #5675cf.

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

#5675cf background color

This paragraph has a background color of #5675cf.

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

#5675cf border color

This element has a border color of #5675cf.

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

CSS codes

.text {color:#5675cf;}

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

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

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, #04070e is the darkest color, while #fefeff is the lightest one.

#04070e
```
#04070e rgb(4,7,14)
```
#080e1e
```
#080e1e rgb(8,14,30)
```
#0d152d
```
#0d152d rgb(13,21,45)
```
#111c3c
```
#111c3c rgb(17,28,60)
```
#15234b
```
#15234b rgb(21,35,75)
```
#1a2a5b
```
#1a2a5b rgb(26,42,91)
```
#1e326a
```
#1e326a rgb(30,50,106)
```
#223979
```
#223979 rgb(34,57,121)
```
#274089
```
#274089 rgb(39,64,137)
```
#2b4798
```
#2b4798 rgb(43,71,152)
```
#2f4ea7
```
#2f4ea7 rgb(47,78,167)
```
#3455b6
```
#3455b6 rgb(52,85,182)
```
#385cc6
```
#385cc6 rgb(56,92,198)
```

Shade Color Variation

#4769cb
```
#4769cb rgb(71,105,203)
```
#5675cf
```
#5675cf rgb(86,117,207)
```
#6581d3
```
#6581d3 rgb(101,129,211)
```
#758ed8
```
#758ed8 rgb(117,142,216)
```
#849adc
```
#849adc rgb(132,154,220)
```
#93a7e0
```
#93a7e0 rgb(147,167,224)
```
#a2b3e5
```
#a2b3e5 rgb(162,179,229)
```
#b2c0e9
```
#b2c0e9 rgb(178,192,233)
```
#c1cced
```
#c1cced rgb(193,204,237)
```
#d0d9f2
```
#d0d9f2 rgb(208,217,242)
```
#dfe5f6
```
#dfe5f6 rgb(223,229,246)
```
#eff2fa
```
#eff2fa rgb(239,242,250)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909195 is the less saturated color, while #2c61f9 is the most saturated one.

#909195
```
#909195 rgb(144,145,149)
```
#888d9d
```
#888d9d rgb(136,141,157)
```
#8089a5
```
#8089a5 rgb(128,137,165)
```
#7785ae
```
#7785ae rgb(119,133,174)
```
#6f81b6
```
#6f81b6 rgb(111,129,182)
```
#677dbe
```
#677dbe rgb(103,125,190)
```
#5e79c7
```
#5e79c7 rgb(94,121,199)
```
#5675cf
```
#5675cf rgb(86,117,207)
```
#4e71d7
```
#4e71d7 rgb(78,113,215)
```
#456de0
```
#456de0 rgb(69,109,224)
```
#3d69e8
```
#3d69e8 rgb(61,105,232)
```
#3565f0
```
#3565f0 rgb(53,101,240)
```
#2c61f9
```
#2c61f9 rgb(44,97,249)
```

Tone Color Variation

Below, you can see how #5675cf 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
#707688 Atypical Achromatopsia 0.001% of the population

Dichromacy

#567dd2 Protanopia 1% of men
#3f81cf Deuteranopia 1% of men
#3c8a94 Tritanopia 0.001% of the population

Trichromacy

#567ad1 Protanomaly 1% of men, 0.01% of women
#477ccf Deuteranomaly 6% of men, 0.4% of women
#4582a9 Tritanomaly 0.01% of the population

#5675cf hex color

#5675cf Color Information

#5675cf Color Conversion

Color Schemes with #5675cf

Alternatives to #5675cf

#5675cf Preview

Shades and Tints of #5675cf

Tones of #5675cf

Color Blindness Simulator