#2f3567 hex color

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

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

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

The hexadecimal color #2f3567 has RGB values of R:47, G:53, B:103 and CMYK values of C:0.54, M:0.49, Y:0, K:0.6. Its decimal value is 3093863.

Hex triplet	2f3567	`#2f3567`
RGB Decimal	47, 53, 103	`rgb(47,53,103)`
RGB Percent	18.4, 20.8, 40.4	`rgb(18.4%,20.8%,40.4%)`
CMYK	54, 49, 0, 60
HSL	233.6°, 37.3, 29.4	`hsl(233.6,37.3%,29.4%)`
HSV (or HSB)	233.6°, 54.4, 40.4
Web Safe	333366	`#333366`

CIE-LAB	24.095, 13.177, -30.279
XYZ	4.893, 4.13, 13.37
xyY	0.219, 0.184, 4.13
CIE-LCH	24.095, 33.022, 293.518
CIE-LUV	24.095, -4.647, -37.845
Hunter-Lab	20.321, 7.417, -24.785
Binary	00101111, 00110101, 01100111

#2f3567
```
#2f3567 rgb(47,53,103)
```
#67612f
```
#67612f rgb(103,97,47)
```

Complementary Color

#2f5167
```
#2f5167 rgb(47,81,103)
```
#2f3567
```
#2f3567 rgb(47,53,103)
```
#452f67
```
#452f67 rgb(69,47,103)
```

Analogous Color

#51672f
```
#51672f rgb(81,103,47)
```
#2f3567
```
#2f3567 rgb(47,53,103)
```
#67452f
```
#67452f rgb(103,69,47)
```

Split Complementary Color

#35672f
```
#35672f rgb(53,103,47)
```
#2f3567
```
#2f3567 rgb(47,53,103)
```
#672f35
```
#672f35 rgb(103,47,53)
```

Triadic Color

#2f6761
```
#2f6761 rgb(47,103,97)
```
#2f3567
```
#2f3567 rgb(47,53,103)
```
#672f35
```
#672f35 rgb(103,47,53)
```
#67612f
```
#67612f rgb(103,97,47)
```

Tetradic Color

#171a32
```
#171a32 rgb(23,26,50)
```
#1f2344
```
#1f2344 rgb(31,35,68)
```
#272c55
```
#272c55 rgb(39,44,85)
```
#2f3567
```
#2f3567 rgb(47,53,103)
```
#373e79
```
#373e79 rgb(55,62,121)
```
#3f478a
```
#3f478a rgb(63,71,138)
```
#47509c
```
#47509c rgb(71,80,156)
```

Monochromatic Color

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

#2f4367
```
#2f4367 rgb(47,67,103)
```
#2f3e67
```
#2f3e67 rgb(47,62,103)
```
#2f3a67
```
#2f3a67 rgb(47,58,103)
```
#2f3567
```
#2f3567 rgb(47,53,103)
```
#2f3067
```
#2f3067 rgb(47,48,103)
```
#322f67
```
#322f67 rgb(50,47,103)
```
#372f67
```
#372f67 rgb(55,47,103)
```

Similar Colors

Text with hexadecimal color #2f3567

This text has a font color of #2f3567.

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

#2f3567 background color

This paragraph has a background color of #2f3567.

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

#2f3567 border color

This element has a border color of #2f3567.

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

CSS codes

.text {color:#2f3567;}

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

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

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 #fafbfd is the lightest one.

#040409
```
#040409 rgb(4,4,9)
```
#0a0b16
```
#0a0b16 rgb(10,11,22)
```
#101224
```
#101224 rgb(16,18,36)
```
#161931
```
#161931 rgb(22,25,49)
```
#1d203f
```
#1d203f rgb(29,32,63)
```
#23274c
```
#23274c rgb(35,39,76)
```
#292e5a
```
#292e5a rgb(41,46,90)
```
#2f3567
```
#2f3567 rgb(47,53,103)
```
#353c74
```
#353c74 rgb(53,60,116)
```
#3b4382
```
#3b4382 rgb(59,67,130)
```
#414a8f
```
#414a8f rgb(65,74,143)
```
#48519d
```
#48519d rgb(72,81,157)
```
#4e58aa
```
#4e58aa rgb(78,88,170)
```

Shade Color Variation

#5962b3
```
#5962b3 rgb(89,98,179)
```
#666fb9
```
#666fb9 rgb(102,111,185)
```
#747cbf
```
#747cbf rgb(116,124,191)
```
#8188c6
```
#8188c6 rgb(129,136,198)
```
#8e95cc
```
#8e95cc rgb(142,149,204)
```
#9ca2d2
```
#9ca2d2 rgb(156,162,210)
```
#a9aed8
```
#a9aed8 rgb(169,174,216)
```
#b7bbde
```
#b7bbde rgb(183,187,222)
```
#c4c8e4
```
#c4c8e4 rgb(196,200,228)
```
#d2d4ea
```
#d2d4ea rgb(210,212,234)
```
#dfe1f1
```
#dfe1f1 rgb(223,225,241)
```
#edeef7
```
#edeef7 rgb(237,238,247)
```
#fafbfd
```
#fafbfd rgb(250,251,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 #011195 is the most saturated one.

#464750
```
#464750 rgb(70,71,80)
```
#404356
```
#404356 rgb(64,67,86)
```
#3b3e5b
```
#3b3e5b rgb(59,62,91)
```
#353a61
```
#353a61 rgb(53,58,97)
```
#2f3567
```
#2f3567 rgb(47,53,103)
```
#29306d
```
#29306d rgb(41,48,109)
```
#232c73
```
#232c73 rgb(35,44,115)
```
#1e2778
```
#1e2778 rgb(30,39,120)
```
#18237e
```
#18237e rgb(24,35,126)
```
#121e84
```
#121e84 rgb(18,30,132)
```
#0c1a8a
```
#0c1a8a rgb(12,26,138)
```
#07158f
```
#07158f rgb(7,21,143)
```
#011195
```
#011195 rgb(1,17,149)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#373842 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b4271 Protanopia 1% of men
#22446d Deuteranopia 1% of men
#2b474d Tritanopia 0.001% of the population

Trichromacy

#2c3d6d Protanomaly 1% of men, 0.01% of women
#263e6a Deuteranomaly 6% of men, 0.4% of women
#2c4056 Tritanomaly 0.01% of the population

#2f3567 hex color

#2f3567 Color Information

#2f3567 Color Conversion

Color Schemes with #2f3567

Alternatives to #2f3567

#2f3567 Preview

Shades and Tints of #2f3567

Tones of #2f3567

Color Blindness Simulator