#546fbc hex color

In a RGB color space, hex #546fbc is composed of 32.9% red, 43.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 55.3% cyan, 41% magenta, 0% yellow and 26.3% black. It has a hue angle of 224.4 degrees, a saturation of 43.7% and a lightness of 53.3%. #546fbc color hex could be obtained by blending #a8deff with #000079. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 44
- B 74
RGB color chart
- C 55
- M 41
- Y 0
- K 26
CMYK color chart

● #546fbc color description : Moderate blue.

The hexadecimal color #546fbc has RGB values of R:84, G:111, B:188 and CMYK values of C:0.55, M:0.41, Y:0, K:0.26. Its decimal value is 5533628.

Hex triplet	546fbc	`#546fbc`
RGB Decimal	84, 111, 188	`rgb(84,111,188)`
RGB Percent	32.9, 43.5, 73.7	`rgb(32.9%,43.5%,73.7%)`
CMYK	55, 41, 0, 26
HSL	224.4°, 43.7, 53.3	`hsl(224.4,43.7%,53.3%)`
HSV (or HSB)	224.4°, 55.3, 73.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.113, 12.976, -43.619
XYZ	18.416, 16.884, 49.863
xyY	0.216, 0.198, 16.884
CIE-LCH	48.113, 45.508, 286.567
CIE-LUV	48.113, -14.37, -67.316
Hunter-Lab	41.09, 8.094, -43.186
Binary	01010100, 01101111, 10111100

#546fbc
```
#546fbc rgb(84,111,188)
```
#bca154
```
#bca154 rgb(188,161,84)
```

Complementary Color

#54a3bc
```
#54a3bc rgb(84,163,188)
```
#546fbc
```
#546fbc rgb(84,111,188)
```
#6d54bc
```
#6d54bc rgb(109,84,188)
```

Analogous Color

#a3bc54
```
#a3bc54 rgb(163,188,84)
```
#546fbc
```
#546fbc rgb(84,111,188)
```
#bc6d54
```
#bc6d54 rgb(188,109,84)
```

Split Complementary Color

#6fbc54
```
#6fbc54 rgb(111,188,84)
```
#546fbc
```
#546fbc rgb(84,111,188)
```
#bc546f
```
#bc546f rgb(188,84,111)
```

Triadic Color

#54bca1
```
#54bca1 rgb(84,188,161)
```
#546fbc
```
#546fbc rgb(84,111,188)
```
#bc546f
```
#bc546f rgb(188,84,111)
```
#bca154
```
#bca154 rgb(188,161,84)
```

Tetradic Color

#374d8c
```
#374d8c rgb(55,77,140)
```
#3e579f
```
#3e579f rgb(62,87,159)
```
#4561b1
```
#4561b1 rgb(69,97,177)
```
#546fbc
```
#546fbc rgb(84,111,188)
```
#667ec3
```
#667ec3 rgb(102,126,195)
```
#798eca
```
#798eca rgb(121,142,202)
```
#8b9dd2
```
#8b9dd2 rgb(139,157,210)
```

Monochromatic Color

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

#5489bc
```
#5489bc rgb(84,137,188)
```
#5480bc
```
#5480bc rgb(84,128,188)
```
#5478bc
```
#5478bc rgb(84,120,188)
```
#546fbc
```
#546fbc rgb(84,111,188)
```
#5466bc
```
#5466bc rgb(84,102,188)
```
#545ebc
```
#545ebc rgb(84,94,188)
```
#5455bc
```
#5455bc rgb(84,85,188)
```

Similar Colors

Text with hexadecimal color #546fbc

This text has a font color of #546fbc.

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

#546fbc background color

This paragraph has a background color of #546fbc.

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

#546fbc border color

This element has a border color of #546fbc.

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

CSS codes

.text {color:#546fbc;}

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

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

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, #05070c is the darkest color, while #fdfdfe is the lightest one.

#05070c
```
#05070c rgb(5,7,12)
```
#0a0e1a
```
#0a0e1a rgb(10,14,26)
```
#101628
```
#101628 rgb(16,22,40)
```
#151e36
```
#151e36 rgb(21,30,54)
```
#1b2645
```
#1b2645 rgb(27,38,69)
```
#202d53
```
#202d53 rgb(32,45,83)
```
#263561
```
#263561 rgb(38,53,97)
```
#2b3d6f
```
#2b3d6f rgb(43,61,111)
```
#31457d
```
#31457d rgb(49,69,125)
```
#364c8b
```
#364c8b rgb(54,76,139)
```
#3c5499
```
#3c5499 rgb(60,84,153)
```
#425ca7
```
#425ca7 rgb(66,92,167)
```
#4764b5
```
#4764b5 rgb(71,100,181)
```

Shade Color Variation

#546fbc
```
#546fbc rgb(84,111,188)
```
#627bc2
```
#627bc2 rgb(98,123,194)
```
#7087c7
```
#7087c7 rgb(112,135,199)
```
#7e93cd
```
#7e93cd rgb(126,147,205)
```
#8c9ed2
```
#8c9ed2 rgb(140,158,210)
```
#9aaad8
```
#9aaad8 rgb(154,170,216)
```
#a9b6dd
```
#a9b6dd rgb(169,182,221)
```
#b7c2e3
```
#b7c2e3 rgb(183,194,227)
```
#c5cee8
```
#c5cee8 rgb(197,206,232)
```
#d3daee
```
#d3daee rgb(211,218,238)
```
#e1e6f3
```
#e1e6f3 rgb(225,230,243)
```
#eff2f9
```
#eff2f9 rgb(239,242,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82858e is the less saturated color, while #1450fc is the most saturated one.

#82858e
```
#82858e rgb(130,133,142)
```
#798197
```
#798197 rgb(121,129,151)
```
#6f7ca1
```
#6f7ca1 rgb(111,124,161)
```
#6678aa
```
#6678aa rgb(102,120,170)
```
#5d73b3
```
#5d73b3 rgb(93,115,179)
```
#546fbc
```
#546fbc rgb(84,111,188)
```
#4b6bc5
```
#4b6bc5 rgb(75,107,197)
```
#4266ce
```
#4266ce rgb(66,102,206)
```
#3962d7
```
#3962d7 rgb(57,98,215)
```
#2f5de1
```
#2f5de1 rgb(47,93,225)
```
#2659ea
```
#2659ea rgb(38,89,234)
```
#1d55f3
```
#1d55f3 rgb(29,85,243)
```
#1450fc
```
#1450fc rgb(20,80,252)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6a707f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5977c0 Protanopia 1% of men
#4a7abe Deuteranopia 1% of men
#43828b Tritanopia 0.001% of the population

Trichromacy

#5774be Protanomaly 1% of men, 0.01% of women
#4d76bd Deuteranomaly 6% of men, 0.4% of women
#497b9d Tritanomaly 0.01% of the population

#546fbc hex color

#546fbc Color Information

#546fbc Color Conversion

Color Schemes with #546fbc

Alternatives to #546fbc

#546fbc Preview

Shades and Tints of #546fbc

Tones of #546fbc

Color Blindness Simulator