#2f4b66 hex color

In a RGB color space, hex #2f4b66 is composed of 18.4% red, 29.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 53.9% cyan, 26.5% magenta, 0% yellow and 60% black. It has a hue angle of 209.5 degrees, a saturation of 36.9% and a lightness of 29.2%. #2f4b66 color hex could be obtained by blending #5e96cc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 29
- B 40
RGB color chart
- C 54
- M 26
- Y 0
- K 60
CMYK color chart

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

The hexadecimal color #2f4b66 has RGB values of R:47, G:75, B:102 and CMYK values of C:0.54, M:0.26, Y:0, K:0.6. Its decimal value is 3099494.

Hex triplet	2f4b66	`#2f4b66`
RGB Decimal	47, 75, 102	`rgb(47,75,102)`
RGB Percent	18.4, 29.4, 40	`rgb(18.4%,29.4%,40%)`
CMYK	54, 26, 0, 60
HSL	209.5°, 36.9, 29.2	`hsl(209.5,36.9%,29.2%)`
HSV (or HSB)	209.5°, 53.9, 40
Web Safe	333366	`#333366`

CIE-LAB	30.868, -1.982, -18.977
XYZ	6.086, 6.595, 13.522
xyY	0.232, 0.252, 6.595
CIE-LCH	30.868, 19.08, 264.037
CIE-LUV	30.868, -12.288, -24.319
Hunter-Lab	25.682, -2.642, -13.24
Binary	00101111, 01001011, 01100110

#2f4b66
```
#2f4b66 rgb(47,75,102)
```
#664a2f
```
#664a2f rgb(102,74,47)
```

Complementary Color

#2f6666
```
#2f6666 rgb(47,102,102)
```
#2f4b66
```
#2f4b66 rgb(47,75,102)
```
#2f3066
```
#2f3066 rgb(47,48,102)
```

Analogous Color

#66662f
```
#66662f rgb(102,102,47)
```
#2f4b66
```
#2f4b66 rgb(47,75,102)
```
#662f30
```
#662f30 rgb(102,47,48)
```

Split Complementary Color

#4b662f
```
#4b662f rgb(75,102,47)
```
#2f4b66
```
#2f4b66 rgb(47,75,102)
```
#662f4b
```
#662f4b rgb(102,47,75)
```

Triadic Color

#2f664a
```
#2f664a rgb(47,102,74)
```
#2f4b66
```
#2f4b66 rgb(47,75,102)
```
#662f4b
```
#662f4b rgb(102,47,75)
```
#664a2f
```
#664a2f rgb(102,74,47)
```

Tetradic Color

#172432
```
#172432 rgb(23,36,50)
```
#1f3143
```
#1f3143 rgb(31,49,67)
```
#273e55
```
#273e55 rgb(39,62,85)
```
#2f4b66
```
#2f4b66 rgb(47,75,102)
```
#375877
```
#375877 rgb(55,88,119)
```
#3f6589
```
#3f6589 rgb(63,101,137)
```
#47729a
```
#47729a rgb(71,114,154)
```

Monochromatic Color

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

#2f5966
```
#2f5966 rgb(47,89,102)
```
#2f5466
```
#2f5466 rgb(47,84,102)
```
#2f5066
```
#2f5066 rgb(47,80,102)
```
#2f4b66
```
#2f4b66 rgb(47,75,102)
```
#2f4666
```
#2f4666 rgb(47,70,102)
```
#2f4266
```
#2f4266 rgb(47,66,102)
```
#2f3d66
```
#2f3d66 rgb(47,61,102)
```

Similar Colors

Text with hexadecimal color #2f4b66

This text has a font color of #2f4b66.

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

#2f4b66 background color

This paragraph has a background color of #2f4b66.

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

#2f4b66 border color

This element has a border color of #2f4b66.

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

CSS codes

.text {color:#2f4b66;}

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

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

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

#040608
```
#040608 rgb(4,6,8)
```
#0a1015
```
#0a1015 rgb(10,16,21)
```
#101a23
```
#101a23 rgb(16,26,35)
```
#162430
```
#162430 rgb(22,36,48)
```
#1c2d3e
```
#1c2d3e rgb(28,45,62)
```
#23374b
```
#23374b rgb(35,55,75)
```
#294159
```
#294159 rgb(41,65,89)
```
#2f4b66
```
#2f4b66 rgb(47,75,102)
```
#355573
```
#355573 rgb(53,85,115)
```
#3b5f81
```
#3b5f81 rgb(59,95,129)
```
#42698e
```
#42698e rgb(66,105,142)
```
#48729c
```
#48729c rgb(72,114,156)
```
#4e7ca9
```
#4e7ca9 rgb(78,124,169)
```

Shade Color Variation

#5886b2
```
#5886b2 rgb(88,134,178)
```
#6690b8
```
#6690b8 rgb(102,144,184)
```
#739abf
```
#739abf rgb(115,154,191)
```
#81a3c5
```
#81a3c5 rgb(129,163,197)
```
#8eadcb
```
#8eadcb rgb(142,173,203)
```
#9cb7d1
```
#9cb7d1 rgb(156,183,209)
```
#a9c1d7
```
#a9c1d7 rgb(169,193,215)
```
#b6cade
```
#b6cade rgb(182,202,222)
```
#c4d4e4
```
#c4d4e4 rgb(196,212,228)
```
#d1deea
```
#d1deea rgb(209,222,234)
```
#dfe8f0
```
#dfe8f0 rgb(223,232,240)
```
#ecf1f6
```
#ecf1f6 rgb(236,241,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #464b4f is the less saturated color, while #014c94 is the most saturated one.

#464b4f
```
#464b4f rgb(70,75,79)
```
#404b55
```
#404b55 rgb(64,75,85)
```
#3a4b5b
```
#3a4b5b rgb(58,75,91)
```
#354b60
```
#354b60 rgb(53,75,96)
```
#2f4b66
```
#2f4b66 rgb(47,75,102)
```
#294b6c
```
#294b6c rgb(41,75,108)
```
#244b71
```
#244b71 rgb(36,75,113)
```
#1e4b77
```
#1e4b77 rgb(30,75,119)
```
#184b7d
```
#184b7d rgb(24,75,125)
```
#124c83
```
#124c83 rgb(18,76,131)
```
#0d4c88
```
#0d4c88 rgb(13,76,136)
```
#074c8e
```
#074c8e rgb(7,76,142)
```
#014c94
```
#014c94 rgb(1,76,148)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#41474c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a516b Protanopia 1% of men
#47516f Deuteranopia 1% of men
#33575d Tritanopia 0.001% of the population

Trichromacy

#404e69 Protanomaly 1% of men, 0.01% of women
#3e4f6b Deuteranomaly 6% of men, 0.4% of women
#315260 Tritanomaly 0.01% of the population

#2f4b66 hex color

#2f4b66 Color Information

#2f4b66 Color Conversion

Color Schemes with #2f4b66

Alternatives to #2f4b66

#2f4b66 Preview

Shades and Tints of #2f4b66

Tones of #2f4b66

Color Blindness Simulator