#5467b6 hex color

In a RGB color space, hex #5467b6 is composed of 32.9% red, 40.4% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 43.4% magenta, 0% yellow and 28.6% black. It has a hue angle of 228.4 degrees, a saturation of 40.2% and a lightness of 52.2%. #5467b6 color hex could be obtained by blending #a8ceff with #00006d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 40
- B 71
RGB color chart
- C 54
- M 43
- Y 0
- K 29
CMYK color chart

● #5467b6 color description : Moderate blue.

The hexadecimal color #5467b6 has RGB values of R:84, G:103, B:182 and CMYK values of C:0.54, M:0.43, Y:0, K:0.29. Its decimal value is 5531574.

Hex triplet	5467b6	`#5467b6`
RGB Decimal	84, 103, 182	`rgb(84,103,182)`
RGB Percent	32.9, 40.4, 71.4	`rgb(32.9%,40.4%,71.4%)`
CMYK	54, 43, 0, 29
HSL	228.4°, 40.2, 52.2	`hsl(228.4,40.2%,52.2%)`
HSV (or HSB)	228.4°, 53.8, 71.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.582, 15.986, -44.164
XYZ	16.948, 14.962, 46.248
xyY	0.217, 0.191, 14.962
CIE-LCH	45.582, 46.969, 289.899
CIE-LUV	45.582, -11.553, -67.605
Hunter-Lab	38.681, 10.519, -43.813
Binary	01010100, 01100111, 10110110

#5467b6
```
#5467b6 rgb(84,103,182)
```
#b6a354
```
#b6a354 rgb(182,163,84)
```

Complementary Color

#5498b6
```
#5498b6 rgb(84,152,182)
```
#5467b6
```
#5467b6 rgb(84,103,182)
```
#7254b6
```
#7254b6 rgb(114,84,182)
```

Analogous Color

#98b654
```
#98b654 rgb(152,182,84)
```
#5467b6
```
#5467b6 rgb(84,103,182)
```
#b67254
```
#b67254 rgb(182,114,84)
```

Split Complementary Color

#67b654
```
#67b654 rgb(103,182,84)
```
#5467b6
```
#5467b6 rgb(84,103,182)
```
#b65467
```
#b65467 rgb(182,84,103)
```

Triadic Color

#54b6a3
```
#54b6a3 rgb(84,182,163)
```
#5467b6
```
#5467b6 rgb(84,103,182)
```
#b65467
```
#b65467 rgb(182,84,103)
```
#b6a354
```
#b6a354 rgb(182,163,84)
```

Tetradic Color

#394785
```
#394785 rgb(57,71,133)
```
#405197
```
#405197 rgb(64,81,151)
```
#485ba9
```
#485ba9 rgb(72,91,169)
```
#5467b6
```
#5467b6 rgb(84,103,182)
```
#6677be
```
#6677be rgb(102,119,190)
```
#7887c5
```
#7887c5 rgb(120,135,197)
```
#8a97cd
```
#8a97cd rgb(138,151,205)
```

Monochromatic Color

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

#5480b6
```
#5480b6 rgb(84,128,182)
```
#5477b6
```
#5477b6 rgb(84,119,182)
```
#546fb6
```
#546fb6 rgb(84,111,182)
```
#5467b6
```
#5467b6 rgb(84,103,182)
```
#545fb6
```
#545fb6 rgb(84,95,182)
```
#5457b6
```
#5457b6 rgb(84,87,182)
```
#5954b6
```
#5954b6 rgb(89,84,182)
```

Similar Colors

Text with hexadecimal color #5467b6

This text has a font color of #5467b6.

<span style="color:#5467b6;">Text here</span>

#5467b6 background color

This paragraph has a background color of #5467b6.

<p style="background-color:#5467b6;">Content here</p>

#5467b6 border color

This element has a border color of #5467b6.

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

CSS codes

.text {color:#5467b6;}

.background {background-color:#5467b6;}

.border {border:1px solid #5467b6;}

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

#030408
```
#030408 rgb(3,4,8)
```
#090c15
```
#090c15 rgb(9,12,21)
```
#0f1323
```
#0f1323 rgb(15,19,35)
```
#151a31
```
#151a31 rgb(21,26,49)
```
#1b223f
```
#1b223f rgb(27,34,63)
```
#21294c
```
#21294c rgb(33,41,76)
```
#27315a
```
#27315a rgb(39,49,90)
```
#2c3868
```
#2c3868 rgb(44,56,104)
```
#323f76
```
#323f76 rgb(50,63,118)
```
#384783
```
#384783 rgb(56,71,131)
```
#3e4e91
```
#3e4e91 rgb(62,78,145)
```
#44569f
```
#44569f rgb(68,86,159)
```
#4a5dad
```
#4a5dad rgb(74,93,173)
```

Shade Color Variation

#5467b6
```
#5467b6 rgb(84,103,182)
```
#6273bc
```
#6273bc rgb(98,115,188)
```
#6f7fc2
```
#6f7fc2 rgb(111,127,194)
```
#7d8cc8
```
#7d8cc8 rgb(125,140,200)
```
#8b98cd
```
#8b98cd rgb(139,152,205)
```
#99a4d3
```
#99a4d3 rgb(153,164,211)
```
#a6b0d9
```
#a6b0d9 rgb(166,176,217)
```
#b4bddf
```
#b4bddf rgb(180,189,223)
```
#c2c9e5
```
#c2c9e5 rgb(194,201,229)
```
#d0d5eb
```
#d0d5eb rgb(208,213,235)
```
#dde1f1
```
#dde1f1 rgb(221,225,241)
```
#ebedf7
```
#ebedf7 rgb(235,237,247)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

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

#838487
```
#838487 rgb(131,132,135)
```
#7a7e90
```
#7a7e90 rgb(122,126,144)
```
#70789a
```
#70789a rgb(112,120,154)
```
#6772a3
```
#6772a3 rgb(103,114,163)
```
#5d6dad
```
#5d6dad rgb(93,109,173)
```
#5467b6
```
#5467b6 rgb(84,103,182)
```
#4b61bf
```
#4b61bf rgb(75,97,191)
```
#415cc9
```
#415cc9 rgb(65,92,201)
```
#3856d2
```
#3856d2 rgb(56,86,210)
```
#2e50dc
```
#2e50dc rgb(46,80,220)
```
#254ae5
```
#254ae5 rgb(37,74,229)
```
#1c45ee
```
#1c45ee rgb(28,69,238)
```
#123ff8
```
#123ff8 rgb(18,63,248)
```

Tone Color Variation

Below, you can see how #5467b6 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

#6a6a6a Achromatopsia 0.005% of the population
#666979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5071bb Protanopia 1% of men
#4074b7 Deuteranopia 1% of men
#447b84 Tritanopia 0.001% of the population

Trichromacy

#516db9 Protanomaly 1% of men, 0.01% of women
#476fb7 Deuteranomaly 6% of men, 0.4% of women
#4a7496 Tritanomaly 0.01% of the population

#5467b6 hex color

#5467b6 Color Information

#5467b6 Color Conversion

Color Schemes with #5467b6

Alternatives to #5467b6

#5467b6 Preview

Shades and Tints of #5467b6

Tones of #5467b6

Color Blindness Simulator