#2f4666 hex color

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

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

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

The hexadecimal color #2f4666 has RGB values of R:47, G:70, B:102 and CMYK values of C:0.54, M:0.31, Y:0, K:0.6. Its decimal value is 3098214.

Hex triplet	2f4666	`#2f4666`
RGB Decimal	47, 70, 102	`rgb(47,70,102)`
RGB Percent	18.4, 27.5, 40	`rgb(18.4%,27.5%,40%)`
CMYK	54, 31, 0, 60
HSL	214.9°, 36.9, 29.2	`hsl(214.9,36.9%,29.2%)`
HSV (or HSB)	214.9°, 53.9, 40
Web Safe	333366	`#333366`

CIE-LAB	29.27, 1.269, -21.464
XYZ	5.76, 5.944, 13.413
xyY	0.229, 0.237, 5.944
CIE-LCH	29.27, 21.501, 273.382
CIE-LUV	29.27, -10.412, -27.605
Hunter-Lab	24.38, -0.49, -15.555
Binary	00101111, 01000110, 01100110

#2f4666
```
#2f4666 rgb(47,70,102)
```
#664f2f
```
#664f2f rgb(102,79,47)
```

Complementary Color

#2f6266
```
#2f6266 rgb(47,98,102)
```
#2f4666
```
#2f4666 rgb(47,70,102)
```
#342f66
```
#342f66 rgb(52,47,102)
```

Analogous Color

#62662f
```
#62662f rgb(98,102,47)
```
#2f4666
```
#2f4666 rgb(47,70,102)
```
#66342f
```
#66342f rgb(102,52,47)
```

Split Complementary Color

#46662f
```
#46662f rgb(70,102,47)
```
#2f4666
```
#2f4666 rgb(47,70,102)
```
#662f46
```
#662f46 rgb(102,47,70)
```

Triadic Color

#2f664f
```
#2f664f rgb(47,102,79)
```
#2f4666
```
#2f4666 rgb(47,70,102)
```
#662f46
```
#662f46 rgb(102,47,70)
```
#664f2f
```
#664f2f rgb(102,79,47)
```

Tetradic Color

#172232
```
#172232 rgb(23,34,50)
```
#1f2e43
```
#1f2e43 rgb(31,46,67)
```
#273a55
```
#273a55 rgb(39,58,85)
```
#2f4666
```
#2f4666 rgb(47,70,102)
```
#375277
```
#375277 rgb(55,82,119)
```
#3f5e89
```
#3f5e89 rgb(63,94,137)
```
#476a9a
```
#476a9a rgb(71,106,154)
```

Monochromatic Color

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

#2f5466
```
#2f5466 rgb(47,84,102)
```
#2f4f66
```
#2f4f66 rgb(47,79,102)
```
#2f4b66
```
#2f4b66 rgb(47,75,102)
```
#2f4666
```
#2f4666 rgb(47,70,102)
```
#2f4166
```
#2f4166 rgb(47,65,102)
```
#2f3d66
```
#2f3d66 rgb(47,61,102)
```
#2f3866
```
#2f3866 rgb(47,56,102)
```

Similar Colors

Text with hexadecimal color #2f4666

This text has a font color of #2f4666.

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

#2f4666 background color

This paragraph has a background color of #2f4666.

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

#2f4666 border color

This element has a border color of #2f4666.

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

CSS codes

.text {color:#2f4666;}

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

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

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

#040508
```
#040508 rgb(4,5,8)
```
#0a0f15
```
#0a0f15 rgb(10,15,21)
```
#101823
```
#101823 rgb(16,24,35)
```
#162130
```
#162130 rgb(22,33,48)
```
#1c2a3e
```
#1c2a3e rgb(28,42,62)
```
#23344b
```
#23344b rgb(35,52,75)
```
#293d59
```
#293d59 rgb(41,61,89)
```
#2f4666
```
#2f4666 rgb(47,70,102)
```
#354f73
```
#354f73 rgb(53,79,115)
```
#3b5881
```
#3b5881 rgb(59,88,129)
```
#42628e
```
#42628e rgb(66,98,142)
```
#486b9c
```
#486b9c rgb(72,107,156)
```
#4e74a9
```
#4e74a9 rgb(78,116,169)
```

Shade Color Variation

#587eb2
```
#587eb2 rgb(88,126,178)
```
#6688b8
```
#6688b8 rgb(102,136,184)
```
#7393bf
```
#7393bf rgb(115,147,191)
```
#819dc5
```
#819dc5 rgb(129,157,197)
```
#8ea8cb
```
#8ea8cb rgb(142,168,203)
```
#9cb2d1
```
#9cb2d1 rgb(156,178,209)
```
#a9bcd7
```
#a9bcd7 rgb(169,188,215)
```
#b6c7de
```
#b6c7de rgb(182,199,222)
```
#c4d1e4
```
#c4d1e4 rgb(196,209,228)
```
#d1dcea
```
#d1dcea rgb(209,220,234)
```
#dfe6f0
```
#dfe6f0 rgb(223,230,240)
```
#ecf0f6
```
#ecf0f6 rgb(236,240,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#464a4f
```
#464a4f rgb(70,74,79)
```
#404955
```
#404955 rgb(64,73,85)
```
#3a485b
```
#3a485b rgb(58,72,91)
```
#354760
```
#354760 rgb(53,71,96)
```
#2f4666
```
#2f4666 rgb(47,70,102)
```
#29456c
```
#29456c rgb(41,69,108)
```
#244471
```
#244471 rgb(36,68,113)
```
#1e4377
```
#1e4377 rgb(30,67,119)
```
#18427d
```
#18427d rgb(24,66,125)
```
#124183
```
#124183 rgb(18,65,131)
```
#0d4088
```
#0d4088 rgb(13,64,136)
```
#073f8e
```
#073f8e rgb(7,63,142)
```
#013e94
```
#013e94 rgb(1,62,148)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3f444a Atypical Achromatopsia 0.001% of the population

Dichromacy

#444d6c Protanopia 1% of men
#404e6e Deuteranopia 1% of men
#315359 Tritanopia 0.001% of the population

Trichromacy

#3c4a6a Protanomaly 1% of men, 0.01% of women
#3a4b6b Deuteranomaly 6% of men, 0.4% of women
#304e5e Tritanomaly 0.01% of the population

#2f4666 hex color

#2f4666 Color Information

#2f4666 Color Conversion

Color Schemes with #2f4666

Alternatives to #2f4666

#2f4666 Preview

Shades and Tints of #2f4666

Tones of #2f4666

Color Blindness Simulator