#2f4553 hex color

In a RGB color space, hex #2f4553 is composed of 18.4% red, 27.1% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 43.4% cyan, 16.9% magenta, 0% yellow and 67.5% black. It has a hue angle of 203.3 degrees, a saturation of 27.7% and a lightness of 25.5%. #2f4553 color hex could be obtained by blending #5e8aa6 with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #2f4553 has RGB values of R:47, G:69, B:83 and CMYK values of C:0.43, M:0.17, Y:0, K:0.67. Its decimal value is 3097939.

Hex triplet	2f4553	`#2f4553`
RGB Decimal	47, 69, 83	`rgb(47,69,83)`
RGB Percent	18.4, 27.1, 32.5	`rgb(18.4%,27.1%,32.5%)`
CMYK	43, 17, 0, 67
HSL	203.3°, 27.7, 25.5	`hsl(203.3,27.7%,25.5%)`
HSV (or HSB)	203.3°, 43.4, 32.5
Web Safe	333366	`#333366`

CIE-LAB	28.074, -4.374, -11.086
XYZ	4.861, 5.485, 8.986
xyY	0.251, 0.284, 5.485
CIE-LCH	28.074, 11.917, 248.468
CIE-LUV	28.074, -10.001, -13.017
Hunter-Lab	23.42, -3.933, -6.354
Binary	00101111, 01000101, 01010011

#2f4553
```
#2f4553 rgb(47,69,83)
```
#533d2f
```
#533d2f rgb(83,61,47)
```

Complementary Color

#2f534f
```
#2f534f rgb(47,83,79)
```
#2f4553
```
#2f4553 rgb(47,69,83)
```
#2f3353
```
#2f3353 rgb(47,51,83)
```

Analogous Color

#534f2f
```
#534f2f rgb(83,79,47)
```
#2f4553
```
#2f4553 rgb(47,69,83)
```
#532f33
```
#532f33 rgb(83,47,51)
```

Split Complementary Color

#45532f
```
#45532f rgb(69,83,47)
```
#2f4553
```
#2f4553 rgb(47,69,83)
```
#532f45
```
#532f45 rgb(83,47,69)
```

Triadic Color

#2f533d
```
#2f533d rgb(47,83,61)
```
#2f4553
```
#2f4553 rgb(47,69,83)
```
#532f45
```
#532f45 rgb(83,47,69)
```
#533d2f
```
#533d2f rgb(83,61,47)
```

Tetradic Color

#131c22
```
#131c22 rgb(19,28,34)
```
#1d2a32
```
#1d2a32 rgb(29,42,50)
```
#263743
```
#263743 rgb(38,55,67)
```
#2f4553
```
#2f4553 rgb(47,69,83)
```
#385363
```
#385363 rgb(56,83,99)
```
#416074
```
#416074 rgb(65,96,116)
```
#4b6e84
```
#4b6e84 rgb(75,110,132)
```

Monochromatic Color

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

#2f4e53
```
#2f4e53 rgb(47,78,83)
```
#2f4b53
```
#2f4b53 rgb(47,75,83)
```
#2f4853
```
#2f4853 rgb(47,72,83)
```
#2f4553
```
#2f4553 rgb(47,69,83)
```
#2f4253
```
#2f4253 rgb(47,66,83)
```
#2f3f53
```
#2f3f53 rgb(47,63,83)
```
#2f3c53
```
#2f3c53 rgb(47,60,83)
```

Similar Colors

Text with hexadecimal color #2f4553

This text has a font color of #2f4553.

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

#2f4553 background color

This paragraph has a background color of #2f4553.

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

#2f4553 border color

This element has a border color of #2f4553.

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

CSS codes

.text {color:#2f4553;}

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

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

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

#040708
```
#040708 rgb(4,7,8)
```
#0c1114
```
#0c1114 rgb(12,17,20)
```
#131b21
```
#131b21 rgb(19,27,33)
```
#1a262d
```
#1a262d rgb(26,38,45)
```
#21303a
```
#21303a rgb(33,48,58)
```
#283b46
```
#283b46 rgb(40,59,70)
```
#2f4553
```
#2f4553 rgb(47,69,83)
```
#364f60
```
#364f60 rgb(54,79,96)
```
#3d5a6c
```
#3d5a6c rgb(61,90,108)
```
#446479
```
#446479 rgb(68,100,121)
```
#4b6f85
```
#4b6f85 rgb(75,111,133)
```
#527992
```
#527992 rgb(82,121,146)
```
#5a839e
```
#5a839e rgb(90,131,158)
```

Shade Color Variation

#648da7
```
#648da7 rgb(100,141,167)
```
#7196ae
```
#7196ae rgb(113,150,174)
```
#7da0b5
```
#7da0b5 rgb(125,160,181)
```
#8aa9bd
```
#8aa9bd rgb(138,169,189)
```
#96b2c4
```
#96b2c4 rgb(150,178,196)
```
#a3bbcb
```
#a3bbcb rgb(163,187,203)
```
#afc4d2
```
#afc4d2 rgb(175,196,210)
```
#bcced9
```
#bcced9 rgb(188,206,217)
```
#c8d7e0
```
#c8d7e0 rgb(200,215,224)
```
#d5e0e7
```
#d5e0e7 rgb(213,224,231)
```
#e1e9ee
```
#e1e9ee rgb(225,233,238)
```
#eef2f5
```
#eef2f5 rgb(238,242,245)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3e4244 is the less saturated color, while #024f80 is the most saturated one.

#3e4244
```
#3e4244 rgb(62,66,68)
```
#394349
```
#394349 rgb(57,67,73)
```
#34444e
```
#34444e rgb(52,68,78)
```
#2f4553
```
#2f4553 rgb(47,69,83)
```
#2a4658
```
#2a4658 rgb(42,70,88)
```
#25475d
```
#25475d rgb(37,71,93)
```
#204862
```
#204862 rgb(32,72,98)
```
#1b4967
```
#1b4967 rgb(27,73,103)
```
#164b6c
```
#164b6c rgb(22,75,108)
```
#114c71
```
#114c71 rgb(17,76,113)
```
#0c4d76
```
#0c4d76 rgb(12,77,118)
```
#074e7b
```
#074e7b rgb(7,78,123)
```
#024f80
```
#024f80 rgb(2,79,128)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3d4144 Atypical Achromatopsia 0.001% of the population

Dichromacy

#484b59 Protanopia 1% of men
#494a5d Deuteranopia 1% of men
#374f55 Tritanopia 0.001% of the population

Trichromacy

#3f4957 Protanomaly 1% of men, 0.01% of women
#3f4859 Deuteranomaly 6% of men, 0.4% of women
#344b54 Tritanomaly 0.01% of the population

#2f4553 hex color

#2f4553 Color Information

#2f4553 Color Conversion

Color Schemes with #2f4553

Alternatives to #2f4553

#2f4553 Preview

Shades and Tints of #2f4553

Tones of #2f4553

Color Blindness Simulator