#2f406d hex color

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

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

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

The hexadecimal color #2f406d has RGB values of R:47, G:64, B:109 and CMYK values of C:0.57, M:0.41, Y:0, K:0.57. Its decimal value is 3096685.

Hex triplet	2f406d	`#2f406d`
RGB Decimal	47, 64, 109	`rgb(47,64,109)`
RGB Percent	18.4, 25.1, 42.7	`rgb(18.4%,25.1%,42.7%)`
CMYK	57, 41, 0, 57
HSL	223.5°, 39.7, 30.6	`hsl(223.5,39.7%,30.6%)`
HSV (or HSB)	223.5°, 56.9, 42.7
Web Safe	333366	`#333366`

CIE-LAB	27.777, 7.761, -28.274
XYZ	5.765, 5.375, 15.201
xyY	0.219, 0.204, 5.375
CIE-LCH	27.777, 29.32, 285.349
CIE-LUV	27.777, -8.349, -36.775
Hunter-Lab	23.184, 3.817, -22.645
Binary	00101111, 01000000, 01101101

#2f406d
```
#2f406d rgb(47,64,109)
```
#6d5c2f
```
#6d5c2f rgb(109,92,47)
```

Complementary Color

#2f5f6d
```
#2f5f6d rgb(47,95,109)
```
#2f406d
```
#2f406d rgb(47,64,109)
```
#3d2f6d
```
#3d2f6d rgb(61,47,109)
```

Analogous Color

#5f6d2f
```
#5f6d2f rgb(95,109,47)
```
#2f406d
```
#2f406d rgb(47,64,109)
```
#6d3d2f
```
#6d3d2f rgb(109,61,47)
```

Split Complementary Color

#406d2f
```
#406d2f rgb(64,109,47)
```
#2f406d
```
#2f406d rgb(47,64,109)
```
#6d2f40
```
#6d2f40 rgb(109,47,64)
```

Triadic Color

#2f6d5c
```
#2f6d5c rgb(47,109,92)
```
#2f406d
```
#2f406d rgb(47,64,109)
```
#6d2f40
```
#6d2f40 rgb(109,47,64)
```
#6d5c2f
```
#6d5c2f rgb(109,92,47)
```

Tetradic Color

#182138
```
#182138 rgb(24,33,56)
```
#202b49
```
#202b49 rgb(32,43,73)
```
#27365b
```
#27365b rgb(39,54,91)
```
#2f406d
```
#2f406d rgb(47,64,109)
```
#374a7f
```
#374a7f rgb(55,74,127)
```
#3e5591
```
#3e5591 rgb(62,85,145)
```
#465fa2
```
#465fa2 rgb(70,95,162)
```

Monochromatic Color

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

#2f506d
```
#2f506d rgb(47,80,109)
```
#2f4a6d
```
#2f4a6d rgb(47,74,109)
```
#2f456d
```
#2f456d rgb(47,69,109)
```
#2f406d
```
#2f406d rgb(47,64,109)
```
#2f3b6d
```
#2f3b6d rgb(47,59,109)
```
#2f366d
```
#2f366d rgb(47,54,109)
```
#2f316d
```
#2f316d rgb(47,49,109)
```

Similar Colors

Text with hexadecimal color #2f406d

This text has a font color of #2f406d.

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

#2f406d background color

This paragraph has a background color of #2f406d.

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

#2f406d border color

This element has a border color of #2f406d.

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

CSS codes

.text {color:#2f406d;}

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

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

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, #06080d is the darkest color, while #fefeff is the lightest one.

#06080d
```
#06080d rgb(6,8,13)
```
#0c101b
```
#0c101b rgb(12,16,27)
```
#111828
```
#111828 rgb(17,24,40)
```
#172036
```
#172036 rgb(23,32,54)
```
#1d2844
```
#1d2844 rgb(29,40,68)
```
#233052
```
#233052 rgb(35,48,82)
```
#29385f
```
#29385f rgb(41,56,95)
```
#2f406d
```
#2f406d rgb(47,64,109)
```
#35487b
```
#35487b rgb(53,72,123)
```
#3b5088
```
#3b5088 rgb(59,80,136)
```
#415896
```
#415896 rgb(65,88,150)
```
#4760a4
```
#4760a4 rgb(71,96,164)
```
#4d68b2
```
#4d68b2 rgb(77,104,178)
```

Shade Color Variation

#5a74b8
```
#5a74b8 rgb(90,116,184)
```
#687fbe
```
#687fbe rgb(104,127,190)
```
#758bc4
```
#758bc4 rgb(117,139,196)
```
#8396ca
```
#8396ca rgb(131,150,202)
```
#91a2cf
```
#91a2cf rgb(145,162,207)
```
#9eadd5
```
#9eadd5 rgb(158,173,213)
```
#acb9db
```
#acb9db rgb(172,185,219)
```
#bac5e1
```
#bac5e1 rgb(186,197,225)
```
#c8d0e7
```
#c8d0e7 rgb(200,208,231)
```
#d5dced
```
#d5dced rgb(213,220,237)
```
#e3e7f3
```
#e3e7f3 rgb(227,231,243)
```
#f1f3f9
```
#f1f3f9 rgb(241,243,249)
```
#fefeff
```
#fefeff rgb(254,254,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 #052d97 is the most saturated one.

#4d4e4f
```
#4d4e4f rgb(77,78,79)
```
#474b55
```
#474b55 rgb(71,75,85)
```
#41485b
```
#41485b rgb(65,72,91)
```
#3b4561
```
#3b4561 rgb(59,69,97)
```
#354367
```
#354367 rgb(53,67,103)
```
#2f406d
```
#2f406d rgb(47,64,109)
```
#293d73
```
#293d73 rgb(41,61,115)
```
#233b79
```
#233b79 rgb(35,59,121)
```
#1d387f
```
#1d387f rgb(29,56,127)
```
#173585
```
#173585 rgb(23,53,133)
```
#11328b
```
#11328b rgb(17,50,139)
```
#0b3091
```
#0b3091 rgb(11,48,145)
```
#052d97
```
#052d97 rgb(5,45,151)
```

Tone Color Variation

Below, you can see how #2f406d 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
#3d4049 Atypical Achromatopsia 0.001% of the population

Dichromacy

#394a74 Protanopia 1% of men
#314b73 Deuteranopia 1% of men
#2b5056 Tritanopia 0.001% of the population

Trichromacy

#354671 Protanomaly 1% of men, 0.01% of women
#304771 Deuteranomaly 6% of men, 0.4% of women
#2d4a5e Tritanomaly 0.01% of the population

#2f406d hex color

#2f406d Color Information

#2f406d Color Conversion

Color Schemes with #2f406d

Alternatives to #2f406d

#2f406d Preview

Shades and Tints of #2f406d

Tones of #2f406d

Color Blindness Simulator