#2f3267 hex color

In a RGB color space, hex #2f3267 is composed of 18.4% red, 19.6% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 54.4% cyan, 51.5% magenta, 0% yellow and 59.6% black. It has a hue angle of 236.8 degrees, a saturation of 37.3% and a lightness of 29.4%. #2f3267 color hex could be obtained by blending #5e64ce with #000000. Closest websafe color is: #333366.

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

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

The hexadecimal color #2f3267 has RGB values of R:47, G:50, B:103 and CMYK values of C:0.54, M:0.51, Y:0, K:0.6. Its decimal value is 3093095.

Hex triplet	2f3267	`#2f3267`
RGB Decimal	47, 50, 103	`rgb(47,50,103)`
RGB Percent	18.4, 19.6, 40.4	`rgb(18.4%,19.6%,40.4%)`
CMYK	54, 51, 0, 60
HSL	236.8°, 37.3, 29.4	`hsl(236.8,37.3%,29.4%)`
HSV (or HSB)	236.8°, 54.4, 40.4
Web Safe	333366	`#333366`

CIE-LAB	23.219, 15.261, -31.681
XYZ	4.761, 3.865, 13.326
xyY	0.217, 0.176, 3.865
CIE-LCH	23.219, 35.165, 295.721
CIE-LUV	23.219, -3.755, -39.147
Hunter-Lab	19.659, 8.823, -26.431
Binary	00101111, 00110010, 01100111

#2f3267
```
#2f3267 rgb(47,50,103)
```
#67642f
```
#67642f rgb(103,100,47)
```

Complementary Color

#2f4e67
```
#2f4e67 rgb(47,78,103)
```
#2f3267
```
#2f3267 rgb(47,50,103)
```
#482f67
```
#482f67 rgb(72,47,103)
```

Analogous Color

#4e672f
```
#4e672f rgb(78,103,47)
```
#2f3267
```
#2f3267 rgb(47,50,103)
```
#67482f
```
#67482f rgb(103,72,47)
```

Split Complementary Color

#32672f
```
#32672f rgb(50,103,47)
```
#2f3267
```
#2f3267 rgb(47,50,103)
```
#672f32
```
#672f32 rgb(103,47,50)
```

Triadic Color

#2f6764
```
#2f6764 rgb(47,103,100)
```
#2f3267
```
#2f3267 rgb(47,50,103)
```
#672f32
```
#672f32 rgb(103,47,50)
```
#67642f
```
#67642f rgb(103,100,47)
```

Tetradic Color

#171932
```
#171932 rgb(23,25,50)
```
#1f2144
```
#1f2144 rgb(31,33,68)
```
#272a55
```
#272a55 rgb(39,42,85)
```
#2f3267
```
#2f3267 rgb(47,50,103)
```
#373b79
```
#373b79 rgb(55,59,121)
```
#3f438a
```
#3f438a rgb(63,67,138)
```
#474c9c
```
#474c9c rgb(71,76,156)
```

Monochromatic Color

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

#2f4067
```
#2f4067 rgb(47,64,103)
```
#2f3b67
```
#2f3b67 rgb(47,59,103)
```
#2f3767
```
#2f3767 rgb(47,55,103)
```
#2f3267
```
#2f3267 rgb(47,50,103)
```
#312f67
```
#312f67 rgb(49,47,103)
```
#352f67
```
#352f67 rgb(53,47,103)
```
#3a2f67
```
#3a2f67 rgb(58,47,103)
```

Similar Colors

Text with hexadecimal color #2f3267

This text has a font color of #2f3267.

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

#2f3267 background color

This paragraph has a background color of #2f3267.

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

#2f3267 border color

This element has a border color of #2f3267.

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

CSS codes

.text {color:#2f3267;}

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

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

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

#040409
```
#040409 rgb(4,4,9)
```
#0a0b16
```
#0a0b16 rgb(10,11,22)
```
#101124
```
#101124 rgb(16,17,36)
```
#161831
```
#161831 rgb(22,24,49)
```
#1d1e3f
```
#1d1e3f rgb(29,30,63)
```
#23254c
```
#23254c rgb(35,37,76)
```
#292b5a
```
#292b5a rgb(41,43,90)
```
#2f3267
```
#2f3267 rgb(47,50,103)
```
#353974
```
#353974 rgb(53,57,116)
```
#3b3f82
```
#3b3f82 rgb(59,63,130)
```
#41468f
```
#41468f rgb(65,70,143)
```
#484c9d
```
#484c9d rgb(72,76,157)
```
#4e53aa
```
#4e53aa rgb(78,83,170)
```

Shade Color Variation

#595db3
```
#595db3 rgb(89,93,179)
```
#666bb9
```
#666bb9 rgb(102,107,185)
```
#7478bf
```
#7478bf rgb(116,120,191)
```
#8185c6
```
#8185c6 rgb(129,133,198)
```
#8e92cc
```
#8e92cc rgb(142,146,204)
```
#9c9fd2
```
#9c9fd2 rgb(156,159,210)
```
#a9acd8
```
#a9acd8 rgb(169,172,216)
```
#b7b9de
```
#b7b9de rgb(183,185,222)
```
#c4c6e4
```
#c4c6e4 rgb(196,198,228)
```
#d2d3ea
```
#d2d3ea rgb(210,211,234)
```
#dfe0f1
```
#dfe0f1 rgb(223,224,241)
```
#ededf7
```
#ededf7 rgb(237,237,247)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#464750
```
#464750 rgb(70,71,80)
```
#404156
```
#404156 rgb(64,65,86)
```
#3b3c5b
```
#3b3c5b rgb(59,60,91)
```
#353761
```
#353761 rgb(53,55,97)
```
#2f3267
```
#2f3267 rgb(47,50,103)
```
#292d6d
```
#292d6d rgb(41,45,109)
```
#232873
```
#232873 rgb(35,40,115)
```
#1e2378
```
#1e2378 rgb(30,35,120)
```
#181d7e
```
#181d7e rgb(24,29,126)
```
#121884
```
#121884 rgb(18,24,132)
```
#0c138a
```
#0c138a rgb(12,19,138)
```
#070e8f
```
#070e8f rgb(7,14,143)
```
#010995
```
#010995 rgb(1,9,149)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#353641 Atypical Achromatopsia 0.001% of the population

Dichromacy

#254071 Protanopia 1% of men
#1a426c Deuteranopia 1% of men
#2a454a Tritanopia 0.001% of the population

Trichromacy

#293a6d Protanomaly 1% of men, 0.01% of women
#213c6a Deuteranomaly 6% of men, 0.4% of women
#2c3e55 Tritanomaly 0.01% of the population

#2f3267 hex color

#2f3267 Color Information

#2f3267 Color Conversion

Color Schemes with #2f3267

Alternatives to #2f3267

#2f3267 Preview

Shades and Tints of #2f3267

Tones of #2f3267

Color Blindness Simulator