#546b7b hex color

In a RGB color space, hex #546b7b is composed of 32.9% red, 42% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 31.7% cyan, 13% magenta, 0% yellow and 51.8% black. It has a hue angle of 204.6 degrees, a saturation of 18.8% and a lightness of 40.6%. #546b7b color hex could be obtained by blending #a8d6f6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 42
- B 48
RGB color chart
- C 32
- M 13
- Y 0
- K 52
CMYK color chart

● #546b7b color description : Mostly desaturated dark blue.

The hexadecimal color #546b7b has RGB values of R:84, G:107, B:123 and CMYK values of C:0.32, M:0.13, Y:0, K:0.52. Its decimal value is 5532539.

Hex triplet	546b7b	`#546b7b`
RGB Decimal	84, 107, 123	`rgb(84,107,123)`
RGB Percent	32.9, 42, 48.2	`rgb(32.9%,42%,48.2%)`
CMYK	32, 13, 0, 52
HSL	204.6°, 18.8, 40.6	`hsl(204.6,18.8%,40.6%)`
HSV (or HSB)	204.6°, 31.7, 48.2
Web Safe	666666	`#666666`

CIE-LAB	43.988, -4.38, -11.664
XYZ	12.488, 13.83, 20.749
xyY	0.265, 0.294, 13.83
CIE-LCH	43.988, 12.459, 249.421
CIE-LUV	43.988, -11.904, -15.58
Hunter-Lab	37.189, -5.138, -7.049
Binary	01010100, 01101011, 01111011

#546b7b
```
#546b7b rgb(84,107,123)
```
#7b6454
```
#7b6454 rgb(123,100,84)
```

Complementary Color

#547b78
```
#547b78 rgb(84,123,120)
```
#546b7b
```
#546b7b rgb(84,107,123)
```
#54587b
```
#54587b rgb(84,88,123)
```

Analogous Color

#7b7854
```
#7b7854 rgb(123,120,84)
```
#546b7b
```
#546b7b rgb(84,107,123)
```
#7b5458
```
#7b5458 rgb(123,84,88)
```

Split Complementary Color

#6b7b54
```
#6b7b54 rgb(107,123,84)
```
#546b7b
```
#546b7b rgb(84,107,123)
```
#7b546b
```
#7b546b rgb(123,84,107)
```

Triadic Color

#547b64
```
#547b64 rgb(84,123,100)
```
#546b7b
```
#546b7b rgb(84,107,123)
```
#7b546b
```
#7b546b rgb(123,84,107)
```
#7b6454
```
#7b6454 rgb(123,100,84)
```

Tetradic Color

#35434e
```
#35434e rgb(53,67,78)
```
#3f515d
```
#3f515d rgb(63,81,93)
```
#4a5e6c
```
#4a5e6c rgb(74,94,108)
```
#546b7b
```
#546b7b rgb(84,107,123)
```
#5e788a
```
#5e788a rgb(94,120,138)
```
#698599
```
#698599 rgb(105,133,153)
```
#7892a3
```
#7892a3 rgb(120,146,163)
```

Monochromatic Color

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

#54757b
```
#54757b rgb(84,117,123)
```
#54727b
```
#54727b rgb(84,114,123)
```
#546e7b
```
#546e7b rgb(84,110,123)
```
#546b7b
```
#546b7b rgb(84,107,123)
```
#54687b
```
#54687b rgb(84,104,123)
```
#54657b
```
#54657b rgb(84,101,123)
```
#54617b
```
#54617b rgb(84,97,123)
```

Similar Colors

Text with hexadecimal color #546b7b

This text has a font color of #546b7b.

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

#546b7b background color

This paragraph has a background color of #546b7b.

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

#546b7b border color

This element has a border color of #546b7b.

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

CSS codes

.text {color:#546b7b;}

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

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

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

#040606
```
#040606 rgb(4,6,6)
```
#0c1012
```
#0c1012 rgb(12,16,18)
```
#141a1e
```
#141a1e rgb(20,26,30)
```
#1c2429
```
#1c2429 rgb(28,36,41)
```
#242e35
```
#242e35 rgb(36,46,53)
```
#2c3841
```
#2c3841 rgb(44,56,65)
```
#34424c
```
#34424c rgb(52,66,76)
```
#3c4d58
```
#3c4d58 rgb(60,77,88)
```
#445764
```
#445764 rgb(68,87,100)
```
#4c616f
```
#4c616f rgb(76,97,111)
```
#546b7b
```
#546b7b rgb(84,107,123)
```
#5c7587
```
#5c7587 rgb(92,117,135)
```
#647f92
```
#647f92 rgb(100,127,146)
```

Shade Color Variation

#6e899c
```
#6e899c rgb(110,137,156)
```
#7a93a4
```
#7a93a4 rgb(122,147,164)
```
#859cac
```
#859cac rgb(133,156,172)
```
#91a5b4
```
#91a5b4 rgb(145,165,180)
```
#9dafbc
```
#9dafbc rgb(157,175,188)
```
#a8b8c4
```
#a8b8c4 rgb(168,184,196)
```
#b4c2cc
```
#b4c2cc rgb(180,194,204)
```
#c0cbd4
```
#c0cbd4 rgb(192,203,212)
```
#cbd5dc
```
#cbd5dc rgb(203,213,220)
```
#d7dee4
```
#d7dee4 rgb(215,222,228)
```
#e2e8ec
```
#e2e8ec rgb(226,232,236)
```
#eef1f3
```
#eef1f3 rgb(238,241,243)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64686b is the less saturated color, while #0479cb is the most saturated one.

#64686b
```
#64686b rgb(100,104,107)
```
#5c6a73
```
#5c6a73 rgb(92,106,115)
```
#546b7b
```
#546b7b rgb(84,107,123)
```
#4c6c83
```
#4c6c83 rgb(76,108,131)
```
#446e8b
```
#446e8b rgb(68,110,139)
```
#3c6f93
```
#3c6f93 rgb(60,111,147)
```
#34719b
```
#34719b rgb(52,113,155)
```
#2c72a3
```
#2c72a3 rgb(44,114,163)
```
#2474ab
```
#2474ab rgb(36,116,171)
```
#1c75b3
```
#1c75b3 rgb(28,117,179)
```
#1476bb
```
#1476bb rgb(20,118,187)
```
#0c78c3
```
#0c78c3 rgb(12,120,195)
```
#0479cb
```
#0479cb rgb(4,121,203)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#62676a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6e7f Protanopia 1% of men
#6f6d83 Deuteranopia 1% of men
#5b737c Tritanopia 0.001% of the population

Trichromacy

#636d7d Protanomaly 1% of men, 0.01% of women
#656c80 Deuteranomaly 6% of men, 0.4% of women
#58707b Tritanomaly 0.01% of the population

#546b7b hex color

#546b7b Color Information

#546b7b Color Conversion

Color Schemes with #546b7b

Alternatives to #546b7b

#546b7b Preview

Shades and Tints of #546b7b

Tones of #546b7b

Color Blindness Simulator