#4b546b hex color

In a RGB color space, hex #4b546b is composed of 29.4% red, 32.9% green and 42% blue. Whereas in a CMYK color space, it is composed of 29.9% cyan, 21.5% magenta, 0% yellow and 58% black. It has a hue angle of 223.1 degrees, a saturation of 17.6% and a lightness of 35.7%. #4b546b color hex could be obtained by blending #96a8d6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 29
- G 33
- B 42
RGB color chart
- C 30
- M 21
- Y 0
- K 58
CMYK color chart

● #4b546b color description : Very dark grayish blue.

The hexadecimal color #4b546b has RGB values of R:75, G:84, B:107 and CMYK values of C:0.3, M:0.21, Y:0, K:0.58. Its decimal value is 4936811.

Hex triplet	4b546b	`#4b546b`
RGB Decimal	75, 84, 107	`rgb(75,84,107)`
RGB Percent	29.4, 32.9, 42	`rgb(29.4%,32.9%,42%)`
CMYK	30, 21, 0, 58
HSL	223.1°, 17.6, 35.7	`hsl(223.1,17.6%,35.7%)`
HSV (or HSB)	223.1°, 29.9, 42
Web Safe	336666	`#336666`

CIE-LAB	35.787, 2.335, -14.388
XYZ	8.725, 8.898, 15.167
xyY	0.266, 0.271, 8.898
CIE-LCH	35.787, 14.576, 279.216
CIE-LUV	35.787, -5.533, -19.391
Hunter-Lab	29.829, 0.011, -9.266
Binary	01001011, 01010100, 01101011

#4b546b
```
#4b546b rgb(75,84,107)
```
#6b624b
```
#6b624b rgb(107,98,75)
```

Complementary Color

#4b646b
```
#4b646b rgb(75,100,107)
```
#4b546b
```
#4b546b rgb(75,84,107)
```
#524b6b
```
#524b6b rgb(82,75,107)
```

Analogous Color

#646b4b
```
#646b4b rgb(100,107,75)
```
#4b546b
```
#4b546b rgb(75,84,107)
```
#6b524b
```
#6b524b rgb(107,82,75)
```

Split Complementary Color

#546b4b
```
#546b4b rgb(84,107,75)
```
#4b546b
```
#4b546b rgb(75,84,107)
```
#6b4b54
```
#6b4b54 rgb(107,75,84)
```

Triadic Color

#4b6b62
```
#4b6b62 rgb(75,107,98)
```
#4b546b
```
#4b546b rgb(75,84,107)
```
#6b4b54
```
#6b4b54 rgb(107,75,84)
```
#6b624b
```
#6b624b rgb(107,98,75)
```

Tetradic Color

#2b313e
```
#2b313e rgb(43,49,62)
```
#363c4d
```
#363c4d rgb(54,60,77)
```
#40485c
```
#40485c rgb(64,72,92)
```
#4b546b
```
#4b546b rgb(75,84,107)
```
#56607a
```
#56607a rgb(86,96,122)
```
#606c89
```
#606c89 rgb(96,108,137)
```
#6b7897
```
#6b7897 rgb(107,120,151)
```

Monochromatic Color

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

#4b5c6b
```
#4b5c6b rgb(75,92,107)
```
#4b596b
```
#4b596b rgb(75,89,107)
```
#4b576b
```
#4b576b rgb(75,87,107)
```
#4b546b
```
#4b546b rgb(75,84,107)
```
#4b516b
```
#4b516b rgb(75,81,107)
```
#4b4f6b
```
#4b4f6b rgb(75,79,107)
```
#4b4c6b
```
#4b4c6b rgb(75,76,107)
```

Similar Colors

Text with hexadecimal color #4b546b

This text has a font color of #4b546b.

<span style="color:#4b546b;">Text here</span>

#4b546b background color

This paragraph has a background color of #4b546b.

<p style="background-color:#4b546b;">Content here</p>

#4b546b border color

This element has a border color of #4b546b.

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

CSS codes

.text {color:#4b546b;}

.background {background-color:#4b546b;}

.border {border:1px solid #4b546b;}

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

#020303
```
#020303 rgb(2,3,3)
```
#0a0c0f
```
#0a0c0f rgb(10,12,15)
```
#12151a
```
#12151a rgb(18,21,26)
```
#1b1e26
```
#1b1e26 rgb(27,30,38)
```
#232731
```
#232731 rgb(35,39,49)
```
#2b303d
```
#2b303d rgb(43,48,61)
```
#333948
```
#333948 rgb(51,57,72)
```
#3b4254
```
#3b4254 rgb(59,66,84)
```
#434b5f
```
#434b5f rgb(67,75,95)
```
#4b546b
```
#4b546b rgb(75,84,107)
```
#535d77
```
#535d77 rgb(83,93,119)
```
#5b6682
```
#5b6682 rgb(91,102,130)
```
#636f8e
```
#636f8e rgb(99,111,142)
```

Shade Color Variation

#6c7998
```
#6c7998 rgb(108,121,152)
```
#7883a0
```
#7883a0 rgb(120,131,160)
```
#838ea8
```
#838ea8 rgb(131,142,168)
```
#8f98b0
```
#8f98b0 rgb(143,152,176)
```
#9aa3b9
```
#9aa3b9 rgb(154,163,185)
```
#a6adc1
```
#a6adc1 rgb(166,173,193)
```
#b1b8c9
```
#b1b8c9 rgb(177,184,201)
```
#bdc3d1
```
#bdc3d1 rgb(189,195,209)
```
#c9cdd9
```
#c9cdd9 rgb(201,205,217)
```
#d4d8e1
```
#d4d8e1 rgb(212,216,225)
```
#e0e2e9
```
#e0e2e9 rgb(224,226,233)
```
#ebedf1
```
#ebedf1 rgb(235,237,241)
```
#f7f7f9
```
#f7f7f9 rgb(247,247,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595a5d is the less saturated color, while #0535b1 is the most saturated one.

#595a5d
```
#595a5d rgb(89,90,93)
```
#525764
```
#525764 rgb(82,87,100)
```
#4b546b
```
#4b546b rgb(75,84,107)
```
#445172
```
#445172 rgb(68,81,114)
```
#3d4e79
```
#3d4e79 rgb(61,78,121)
```
#364b80
```
#364b80 rgb(54,75,128)
```
#2f4887
```
#2f4887 rgb(47,72,135)
```
#28458e
```
#28458e rgb(40,69,142)
```
#214295
```
#214295 rgb(33,66,149)
```
#1a3f9c
```
#1a3f9c rgb(26,63,156)
```
#133ca3
```
#133ca3 rgb(19,60,163)
```
#0c38aa
```
#0c38aa rgb(12,56,170)
```
#0535b1
```
#0535b1 rgb(5,53,177)
```

Tone Color Variation

Below, you can see how #4b546b 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

#545454 Achromatopsia 0.005% of the population
#525459 Atypical Achromatopsia 0.001% of the population

Dichromacy

#575c72 Protanopia 1% of men
#595b73 Deuteranopia 1% of men
#515f66 Tritanopia 0.001% of the population

Trichromacy

#52596f Protanomaly 1% of men, 0.01% of women
#545870 Deuteranomaly 6% of men, 0.4% of women
#4e5b67 Tritanomaly 0.01% of the population

#4b546b hex color

#4b546b Color Information

#4b546b Color Conversion

Color Schemes with #4b546b

Alternatives to #4b546b

#4b546b Preview

Shades and Tints of #4b546b

Tones of #4b546b

Color Blindness Simulator