colorhexa.com

#546db8 hex color

In a RGB color space, hex #546db8 is composed of 32.9% red, 42.7% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 40.8% magenta, 0% yellow and 27.8% black. It has a hue angle of 225 degrees, a saturation of 41.3% and a lightness of 52.5%. #546db8 color hex could be obtained by blending #a8daff with #000071. Closest websafe color is: #6666cc.

- R 33
- G 43
- B 72
RGB color chart
- C 54
- M 41
- Y 0
- K 28
CMYK color chart

● #546db8 color description : Moderate blue.

The hexadecimal color #546db8 has RGB values of R:84, G:109, B:184 and CMYK values of C:0.54, M:0.41, Y:0, K:0.28. Its decimal value is 5533112.

Hex triplet	546db8	`#546db8`
RGB Decimal	84, 109, 184	`rgb(84,109,184)`
RGB Percent	32.9, 42.7, 72.2	`rgb(32.9%,42.7%,72.2%)`
CMYK	54, 41, 0, 28
HSL	225°, 41.3, 52.5	`hsl(225,41.3%,52.5%)`
HSV (or HSB)	225°, 54.3, 72.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.342, 12.902, -42.528
XYZ	17.775, 16.282, 47.551
xyY	0.218, 0.2, 16.282
CIE-LCH	47.342, 44.442, 286.876
CIE-LUV	47.342, -13.625, -65.366
Hunter-Lab	40.351, 8.016, -41.624
Binary	01010100, 01101101, 10111000

#546db8
```
#546db8 rgb(84,109,184)
```
#b89f54
```
#b89f54 rgb(184,159,84)
```

Complementary Color

#549fb8
```
#549fb8 rgb(84,159,184)
```
#546db8
```
#546db8 rgb(84,109,184)
```
#6d54b8
```
#6d54b8 rgb(109,84,184)
```

Analogous Color

#9fb854
```
#9fb854 rgb(159,184,84)
```
#546db8
```
#546db8 rgb(84,109,184)
```
#b86d54
```
#b86d54 rgb(184,109,84)
```

Split Complementary Color

#6db854
```
#6db854 rgb(109,184,84)
```
#546db8
```
#546db8 rgb(84,109,184)
```
#b8546d
```
#b8546d rgb(184,84,109)
```

Triadic Color

#54b89f
```
#54b89f rgb(84,184,159)
```
#546db8
```
#546db8 rgb(84,109,184)
```
#b8546d
```
#b8546d rgb(184,84,109)
```
#b89f54
```
#b89f54 rgb(184,159,84)
```

Tetradic Color

#384c87
```
#384c87 rgb(56,76,135)
```
#405699
```
#405699 rgb(64,86,153)
```
#4760ab
```
#4760ab rgb(71,96,171)
```
#546db8
```
#546db8 rgb(84,109,184)
```
#667cbf
```
#667cbf rgb(102,124,191)
```
#788cc7
```
#788cc7 rgb(120,140,199)
```
#8a9bce
```
#8a9bce rgb(138,155,206)
```

Monochromatic Color

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

#5486b8
```
#5486b8 rgb(84,134,184)
```
#547eb8
```
#547eb8 rgb(84,126,184)
```
#5475b8
```
#5475b8 rgb(84,117,184)
```
#546db8
```
#546db8 rgb(84,109,184)
```
#5465b8
```
#5465b8 rgb(84,101,184)
```
#545cb8
```
#545cb8 rgb(84,92,184)
```
#5454b8
```
#5454b8 rgb(84,84,184)
```

Similar Colors

Text with hexadecimal color #546db8

This text has a font color of #546db8.

<span style="color:#546db8;">Text here</span>

#546db8 background color

This paragraph has a background color of #546db8.

<p style="background-color:#546db8;">Content here</p>

#546db8 border color

This element has a border color of #546db8.

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

CSS codes

.text {color:#546db8;}

.background {background-color:#546db8;}

.border {border:1px solid #546db8;}

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

#040509
```
#040509 rgb(4,5,9)
```
#0a0d17
```
#0a0d17 rgb(10,13,23)
```
#0f1525
```
#0f1525 rgb(15,21,37)
```
#151d33
```
#151d33 rgb(21,29,51)
```
#1b2441
```
#1b2441 rgb(27,36,65)
```
#212c4e
```
#212c4e rgb(33,44,78)
```
#26345c
```
#26345c rgb(38,52,92)
```
#2c3c6a
```
#2c3c6a rgb(44,60,106)
```
#324378
```
#324378 rgb(50,67,120)
```
#384b86
```
#384b86 rgb(56,75,134)
```
#3d5394
```
#3d5394 rgb(61,83,148)
```
#435ba2
```
#435ba2 rgb(67,91,162)
```
#4963b0
```
#4963b0 rgb(73,99,176)
```

Shade Color Variation

#546db8
```
#546db8 rgb(84,109,184)
```
#6279be
```
#6279be rgb(98,121,190)
```
#7085c4
```
#7085c4 rgb(112,133,196)
```
#7e91c9
```
#7e91c9 rgb(126,145,201)
```
#8b9ccf
```
#8b9ccf rgb(139,156,207)
```
#99a8d5
```
#99a8d5 rgb(153,168,213)
```
#a7b4db
```
#a7b4db rgb(167,180,219)
```
#b5c0e0
```
#b5c0e0 rgb(181,192,224)
```
#c3cce6
```
#c3cce6 rgb(195,204,230)
```
#d1d8ec
```
#d1d8ec rgb(209,216,236)
```
#dfe3f2
```
#dfe3f2 rgb(223,227,242)
```
#eceff7
```
#eceff7 rgb(236,239,247)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#838489
```
#838489 rgb(131,132,137)
```
#798093
```
#798093 rgb(121,128,147)
```
#707b9c
```
#707b9c rgb(112,123,156)
```
#6776a5
```
#6776a5 rgb(103,118,165)
```
#5d72af
```
#5d72af rgb(93,114,175)
```
#546db8
```
#546db8 rgb(84,109,184)
```
#4b68c1
```
#4b68c1 rgb(75,104,193)
```
#4164cb
```
#4164cb rgb(65,100,203)
```
#385fd4
```
#385fd4 rgb(56,95,212)
```
#2f5add
```
#2f5add rgb(47,90,221)
```
#2556e7
```
#2556e7 rgb(37,86,231)
```
#1c51f0
```
#1c51f0 rgb(28,81,240)
```
#134cf9
```
#134cf9 rgb(19,76,249)
```

Tone Color Variation

Below, you can see how #546db8 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

#6e6e6e Achromatopsia 0.005% of the population
#696e7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5875bc Protanopia 1% of men
#4a78ba Deuteranopia 1% of men
#458089 Tritanopia 0.001% of the population

Trichromacy

#5672ba Protanomaly 1% of men, 0.01% of women
#4e74b9 Deuteranomaly 6% of men, 0.4% of women
#4a799a Tritanomaly 0.01% of the population