#2f546d hex color

In a RGB color space, hex #2f546d is composed of 18.4% red, 32.9% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 56.9% cyan, 22.9% magenta, 0% yellow and 57.3% black. It has a hue angle of 204.2 degrees, a saturation of 39.7% and a lightness of 30.6%. #2f546d color hex could be obtained by blending #5ea8da with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 18
- G 33
- B 43
RGB color chart
- C 57
- M 23
- Y 0
- K 57
CMYK color chart

● #2f546d color description : Very dark desaturated blue.

The hexadecimal color #2f546d has RGB values of R:47, G:84, B:109 and CMYK values of C:0.57, M:0.23, Y:0, K:0.57. Its decimal value is 3101805.

Hex triplet	2f546d	`#2f546d`
RGB Decimal	47, 84, 109	`rgb(47,84,109)`
RGB Percent	18.4, 32.9, 42.7	`rgb(18.4%,32.9%,42.7%)`
CMYK	57, 23, 0, 57
HSL	204.2°, 39.7, 30.6	`hsl(204.2,39.7%,30.6%)`
HSV (or HSB)	204.2°, 56.9, 42.7
Web Safe	336666	`#336666`

CIE-LAB	34.084, -5.281, -18.405
XYZ	7.102, 8.049, 15.646
xyY	0.231, 0.261, 8.049
CIE-LCH	34.084, 19.147, 253.991
CIE-LUV	34.084, -15.637, -23.867
Hunter-Lab	28.37, -4.962, -12.84
Binary	00101111, 01010100, 01101101

#2f546d
```
#2f546d rgb(47,84,109)
```
#6d482f
```
#6d482f rgb(109,72,47)
```

Complementary Color

#2f6d67
```
#2f6d67 rgb(47,109,103)
```
#2f546d
```
#2f546d rgb(47,84,109)
```
#2f356d
```
#2f356d rgb(47,53,109)
```

Analogous Color

#6d672f
```
#6d672f rgb(109,103,47)
```
#2f546d
```
#2f546d rgb(47,84,109)
```
#6d2f35
```
#6d2f35 rgb(109,47,53)
```

Split Complementary Color

#546d2f
```
#546d2f rgb(84,109,47)
```
#2f546d
```
#2f546d rgb(47,84,109)
```
#6d2f54
```
#6d2f54 rgb(109,47,84)
```

Triadic Color

#2f6d48
```
#2f6d48 rgb(47,109,72)
```
#2f546d
```
#2f546d rgb(47,84,109)
```
#6d2f54
```
#6d2f54 rgb(109,47,84)
```
#6d482f
```
#6d482f rgb(109,72,47)
```

Tetradic Color

#182b38
```
#182b38 rgb(24,43,56)
```
#203949
```
#203949 rgb(32,57,73)
```
#27465b
```
#27465b rgb(39,70,91)
```
#2f546d
```
#2f546d rgb(47,84,109)
```
#37627f
```
#37627f rgb(55,98,127)
```
#3e6f91
```
#3e6f91 rgb(62,111,145)
```
#467da2
```
#467da2 rgb(70,125,162)
```

Monochromatic Color

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

#2f646d
```
#2f646d rgb(47,100,109)
```
#2f5e6d
```
#2f5e6d rgb(47,94,109)
```
#2f596d
```
#2f596d rgb(47,89,109)
```
#2f546d
```
#2f546d rgb(47,84,109)
```
#2f4f6d
```
#2f4f6d rgb(47,79,109)
```
#2f4a6d
```
#2f4a6d rgb(47,74,109)
```
#2f456d
```
#2f456d rgb(47,69,109)
```

Similar Colors

Text with hexadecimal color #2f546d

This text has a font color of #2f546d.

<span style="color:#2f546d;">Text here</span>

#2f546d background color

This paragraph has a background color of #2f546d.

<p style="background-color:#2f546d;">Content here</p>

#2f546d border color

This element has a border color of #2f546d.

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

CSS codes

.text {color:#2f546d;}

.background {background-color:#2f546d;}

.border {border:1px solid #2f546d;}

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, #060a0d is the darkest color, while #feffff is the lightest one.

#060a0d
```
#060a0d rgb(6,10,13)
```
#0c151b
```
#0c151b rgb(12,21,27)
```
#111f28
```
#111f28 rgb(17,31,40)
```
#172a36
```
#172a36 rgb(23,42,54)
```
#1d3444
```
#1d3444 rgb(29,52,68)
```
#233f52
```
#233f52 rgb(35,63,82)
```
#29495f
```
#29495f rgb(41,73,95)
```
#2f546d
```
#2f546d rgb(47,84,109)
```
#355f7b
```
#355f7b rgb(53,95,123)
```
#3b6988
```
#3b6988 rgb(59,105,136)
```
#417496
```
#417496 rgb(65,116,150)
```
#477ea4
```
#477ea4 rgb(71,126,164)
```
#4d89b2
```
#4d89b2 rgb(77,137,178)
```

Shade Color Variation

#5a92b8
```
#5a92b8 rgb(90,146,184)
```
#689bbe
```
#689bbe rgb(104,155,190)
```
#75a4c4
```
#75a4c4 rgb(117,164,196)
```
#83adca
```
#83adca rgb(131,173,202)
```
#91b6cf
```
#91b6cf rgb(145,182,207)
```
#9ebfd5
```
#9ebfd5 rgb(158,191,213)
```
#acc8db
```
#acc8db rgb(172,200,219)
```
#bad1e1
```
#bad1e1 rgb(186,209,225)
```
#c8dae7
```
#c8dae7 rgb(200,218,231)
```
#d5e3ed
```
#d5e3ed rgb(213,227,237)
```
#e3ecf3
```
#e3ecf3 rgb(227,236,243)
```
#f1f6f9
```
#f1f6f9 rgb(241,246,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4d4e4f is the less saturated color, while #055c97 is the most saturated one.

#4d4e4f
```
#4d4e4f rgb(77,78,79)
```
#474f55
```
#474f55 rgb(71,79,85)
```
#41515b
```
#41515b rgb(65,81,91)
```
#3b5261
```
#3b5261 rgb(59,82,97)
```
#355367
```
#355367 rgb(53,83,103)
```
#2f546d
```
#2f546d rgb(47,84,109)
```
#295573
```
#295573 rgb(41,85,115)
```
#235679
```
#235679 rgb(35,86,121)
```
#1d577f
```
#1d577f rgb(29,87,127)
```
#175985
```
#175985 rgb(23,89,133)
```
#115a8b
```
#115a8b rgb(17,90,139)
```
#0b5b91
```
#0b5b91 rgb(11,91,145)
```
#055c97
```
#055c97 rgb(5,92,151)
```

Tone Color Variation

Below, you can see how #2f546d 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

#4c4c4c Achromatopsia 0.005% of the population
#464e53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#525871 Protanopia 1% of men
#4f5876 Deuteranopia 1% of men
#335f66 Tritanopia 0.001% of the population

Trichromacy

#45566f Protanomaly 1% of men, 0.01% of women
#435672 Deuteranomaly 6% of men, 0.4% of women
#315b68 Tritanomaly 0.01% of the population

#2f546d hex color

#2f546d Color Information

#2f546d Color Conversion

Color Schemes with #2f546d

Alternatives to #2f546d

#2f546d Preview

Shades and Tints of #2f546d

Tones of #2f546d

Color Blindness Simulator