#5675bf hex color

In a RGB color space, hex #5675bf is composed of 33.7% red, 45.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 38.7% magenta, 0% yellow and 25.1% black. It has a hue angle of 222.3 degrees, a saturation of 45.1% and a lightness of 54.3%. #5675bf color hex could be obtained by blending #aceaff with #00007f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 34
- G 46
- B 75
RGB color chart
- C 55
- M 39
- Y 0
- K 25
CMYK color chart

● #5675bf color description : Moderate blue.

The hexadecimal color #5675bf has RGB values of R:86, G:117, B:191 and CMYK values of C:0.55, M:0.39, Y:0, K:0.25. Its decimal value is 5666239.

Hex triplet	5675bf	`#5675bf`
RGB Decimal	86, 117, 191	`rgb(86,117,191)`
RGB Percent	33.7, 45.9, 74.9	`rgb(33.7%,45.9%,74.9%)`
CMYK	55, 39, 0, 25
HSL	222.3°, 45.1, 54.3	`hsl(222.3,45.1%,54.3%)`
HSV (or HSB)	222.3°, 55, 74.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.051, 10.7, -42.267
XYZ	19.601, 18.462, 51.818
xyY	0.218, 0.205, 18.462
CIE-LCH	50.051, 43.6, 284.207
CIE-LUV	50.051, -15.858, -65.536
Hunter-Lab	42.967, 6.237, -41.426
Binary	01010110, 01110101, 10111111

#5675bf
```
#5675bf rgb(86,117,191)
```
#bfa056
```
#bfa056 rgb(191,160,86)
```

Complementary Color

#56aabf
```
#56aabf rgb(86,170,191)
```
#5675bf
```
#5675bf rgb(86,117,191)
```
#6c56bf
```
#6c56bf rgb(108,86,191)
```

Analogous Color

#aabf56
```
#aabf56 rgb(170,191,86)
```
#5675bf
```
#5675bf rgb(86,117,191)
```
#bf6c56
```
#bf6c56 rgb(191,108,86)
```

Split Complementary Color

#75bf56
```
#75bf56 rgb(117,191,86)
```
#5675bf
```
#5675bf rgb(86,117,191)
```
#bf5675
```
#bf5675 rgb(191,86,117)
```

Triadic Color

#56bfa0
```
#56bfa0 rgb(86,191,160)
```
#5675bf
```
#5675bf rgb(86,117,191)
```
#bf5675
```
#bf5675 rgb(191,86,117)
```
#bfa056
```
#bfa056 rgb(191,160,86)
```

Tetradic Color

#375291
```
#375291 rgb(55,82,145)
```
#3e5ca4
```
#3e5ca4 rgb(62,92,164)
```
#4567b6
```
#4567b6 rgb(69,103,182)
```
#5675bf
```
#5675bf rgb(86,117,191)
```
#6884c6
```
#6884c6 rgb(104,132,198)
```
#7b93cd
```
#7b93cd rgb(123,147,205)
```
#8da2d4
```
#8da2d4 rgb(141,162,212)
```

Monochromatic Color

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

#568fbf
```
#568fbf rgb(86,143,191)
```
#5687bf
```
#5687bf rgb(86,135,191)
```
#567ebf
```
#567ebf rgb(86,126,191)
```
#5675bf
```
#5675bf rgb(86,117,191)
```
#566cbf
```
#566cbf rgb(86,108,191)
```
#5664bf
```
#5664bf rgb(86,100,191)
```
#565bbf
```
#565bbf rgb(86,91,191)
```

Similar Colors

Text with hexadecimal color #5675bf

This text has a font color of #5675bf.

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

#5675bf background color

This paragraph has a background color of #5675bf.

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

#5675bf border color

This element has a border color of #5675bf.

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

CSS codes

.text {color:#5675bf;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#060910
```
#060910 rgb(6,9,16)
```
#0b111e
```
#0b111e rgb(11,17,30)
```
#11192c
```
#11192c rgb(17,25,44)
```
#16213b
```
#16213b rgb(22,33,59)
```
#1c2949
```
#1c2949 rgb(28,41,73)
```
#213157
```
#213157 rgb(33,49,87)
```
#263965
```
#263965 rgb(38,57,101)
```
#2c4174
```
#2c4174 rgb(44,65,116)
```
#314982
```
#314982 rgb(49,73,130)
```
#375190
```
#375190 rgb(55,81,144)
```
#3c599e
```
#3c599e rgb(60,89,158)
```
#4161ac
```
#4161ac rgb(65,97,172)
```

Shade Color Variation

#4869ba
```
#4869ba rgb(72,105,186)
```
#5675bf
```
#5675bf rgb(86,117,191)
```
#6481c4
```
#6481c4 rgb(100,129,196)
```
#728cca
```
#728cca rgb(114,140,202)
```
#8198cf
```
#8198cf rgb(129,152,207)
```
#8fa3d5
```
#8fa3d5 rgb(143,163,213)
```
#9dafda
```
#9dafda rgb(157,175,218)
```
#abbbdf
```
#abbbdf rgb(171,187,223)
```
#bac6e5
```
#bac6e5 rgb(186,198,229)
```
#c8d2ea
```
#c8d2ea rgb(200,210,234)
```
#d6deef
```
#d6deef rgb(214,222,239)
```
#e4e9f5
```
#e4e9f5 rgb(228,233,245)
```
#f3f5fa
```
#f3f5fa rgb(243,245,250)
```

Tint Color Variation

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

#838792
```
#838792 rgb(131,135,146)
```
#7a849b
```
#7a849b rgb(122,132,155)
```
#7180a4
```
#7180a4 rgb(113,128,164)
```
#687cad
```
#687cad rgb(104,124,173)
```
#5f79b6
```
#5f79b6 rgb(95,121,182)
```
#5675bf
```
#5675bf rgb(86,117,191)
```
#4d71c8
```
#4d71c8 rgb(77,113,200)
```
#446ed1
```
#446ed1 rgb(68,110,209)
```
#3b6ada
```
#3b6ada rgb(59,106,218)
```
#3266e3
```
#3266e3 rgb(50,102,227)
```
#2963ec
```
#2963ec rgb(41,99,236)
```
#205ff5
```
#205ff5 rgb(32,95,245)
```
#175bfe
```
#175bfe rgb(23,91,254)
```

Tone Color Variation

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

Dichromacy

#607bc2 Protanopia 1% of men
#537ec1 Deuteranopia 1% of men
#478791 Tritanopia 0.001% of the population

Trichromacy

#5c79c0 Protanomaly 1% of men, 0.01% of women
#547bc0 Deuteranomaly 6% of men, 0.4% of women
#4c80a1 Tritanomaly 0.01% of the population

#5675bf hex color

#5675bf Color Information

#5675bf Color Conversion

Color Schemes with #5675bf

Alternatives to #5675bf

#5675bf Preview

Shades and Tints of #5675bf

Tones of #5675bf

Color Blindness Simulator