#2f458b hex color

In a RGB color space, hex #2f458b is composed of 18.4% red, 27.1% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 66.2% cyan, 50.4% magenta, 0% yellow and 45.5% black. It has a hue angle of 225.7 degrees, a saturation of 49.5% and a lightness of 36.5%. #2f458b color hex could be obtained by blending #5e8aff with #000017. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 27
- B 55
RGB color chart
- C 66
- M 50
- Y 0
- K 45
CMYK color chart

● #2f458b color description : Dark moderate blue.

The hexadecimal color #2f458b has RGB values of R:47, G:69, B:139 and CMYK values of C:0.66, M:0.5, Y:0, K:0.45. Its decimal value is 3097995.

Hex triplet	2f458b	`#2f458b`
RGB Decimal	47, 69, 139	`rgb(47,69,139)`
RGB Percent	18.4, 27.1, 54.5	`rgb(18.4%,27.1%,54.5%)`
CMYK	66, 50, 0, 45
HSL	225.7°, 49.5, 36.5	`hsl(225.7,49.5%,36.5%)`
HSV (or HSB)	225.7°, 66.2, 54.5
Web Safe	333399	`#333399`

CIE-LAB	31.171, 15.432, -41.633
XYZ	7.96, 6.724, 25.303
xyY	0.199, 0.168, 6.724
CIE-LCH	31.171, 44.401, 290.338
CIE-LUV	31.171, -10.329, -57.03
Hunter-Lab	25.931, 9.412, -39.703
Binary	00101111, 01000101, 10001011

#2f458b
```
#2f458b rgb(47,69,139)
```
#8b752f
```
#8b752f rgb(139,117,47)
```

Complementary Color

#2f738b
```
#2f738b rgb(47,115,139)
```
#2f458b
```
#2f458b rgb(47,69,139)
```
#472f8b
```
#472f8b rgb(71,47,139)
```

Analogous Color

#738b2f
```
#738b2f rgb(115,139,47)
```
#2f458b
```
#2f458b rgb(47,69,139)
```
#8b472f
```
#8b472f rgb(139,71,47)
```

Split Complementary Color

#458b2f
```
#458b2f rgb(69,139,47)
```
#2f458b
```
#2f458b rgb(47,69,139)
```
#8b2f45
```
#8b2f45 rgb(139,47,69)
```

Triadic Color

#2f8b75
```
#2f8b75 rgb(47,139,117)
```
#2f458b
```
#2f458b rgb(47,69,139)
```
#8b2f45
```
#8b2f45 rgb(139,47,69)
```
#8b752f
```
#8b752f rgb(139,117,47)
```

Tetradic Color

#1c2952
```
#1c2952 rgb(28,41,82)
```
#223265
```
#223265 rgb(34,50,101)
```
#293c78
```
#293c78 rgb(41,60,120)
```
#2f458b
```
#2f458b rgb(47,69,139)
```
#354e9e
```
#354e9e rgb(53,78,158)
```
#3c58b1
```
#3c58b1 rgb(60,88,177)
```
#4663c0
```
#4663c0 rgb(70,99,192)
```

Monochromatic Color

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

#2f5c8b
```
#2f5c8b rgb(47,92,139)
```
#2f548b
```
#2f548b rgb(47,84,139)
```
#2f4d8b
```
#2f4d8b rgb(47,77,139)
```
#2f458b
```
#2f458b rgb(47,69,139)
```
#2f3d8b
```
#2f3d8b rgb(47,61,139)
```
#2f368b
```
#2f368b rgb(47,54,139)
```
#302f8b
```
#302f8b rgb(48,47,139)
```

Similar Colors

Text with hexadecimal color #2f458b

This text has a font color of #2f458b.

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

#2f458b background color

This paragraph has a background color of #2f458b.

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

#2f458b border color

This element has a border color of #2f458b.

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

CSS codes

.text {color:#2f458b;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#070b16
```
#070b16 rgb(7,11,22)
```
#0c1224
```
#0c1224 rgb(12,18,36)
```
#111933
```
#111933 rgb(17,25,51)
```
#162142
```
#162142 rgb(22,33,66)
```
#1b2850
```
#1b2850 rgb(27,40,80)
```
#202f5f
```
#202f5f rgb(32,47,95)
```
#25366e
```
#25366e rgb(37,54,110)
```
#2a3e7c
```
#2a3e7c rgb(42,62,124)
```
#2f458b
```
#2f458b rgb(47,69,139)
```
#344c9a
```
#344c9a rgb(52,76,154)
```
#3954a8
```
#3954a8 rgb(57,84,168)
```
#3e5bb7
```
#3e5bb7 rgb(62,91,183)
```

Shade Color Variation

#4865c1
```
#4865c1 rgb(72,101,193)
```
#5671c6
```
#5671c6 rgb(86,113,198)
```
#657dcb
```
#657dcb rgb(101,125,203)
```
#738ad0
```
#738ad0 rgb(115,138,208)
```
#8296d5
```
#8296d5 rgb(130,150,213)
```
#91a2da
```
#91a2da rgb(145,162,218)
```
#9fafdf
```
#9fafdf rgb(159,175,223)
```
#aebbe4
```
#aebbe4 rgb(174,187,228)
```
#bdc7e9
```
#bdc7e9 rgb(189,199,233)
```
#cbd4ee
```
#cbd4ee rgb(203,212,238)
```
#dae0f3
```
#dae0f3 rgb(218,224,243)
```
#e9ecf7
```
#e9ecf7 rgb(233,236,247)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

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

#5a5b60
```
#5a5b60 rgb(90,91,96)
```
#535867
```
#535867 rgb(83,88,103)
```
#4c546e
```
#4c546e rgb(76,84,110)
```
#445076
```
#445076 rgb(68,80,118)
```
#3d4c7d
```
#3d4c7d rgb(61,76,125)
```
#364984
```
#364984 rgb(54,73,132)
```
#2f458b
```
#2f458b rgb(47,69,139)
```
#284192
```
#284192 rgb(40,65,146)
```
#213e99
```
#213e99 rgb(33,62,153)
```
#1a3aa0
```
#1a3aa0 rgb(26,58,160)
```
#1236a8
```
#1236a8 rgb(18,54,168)
```
#0b32af
```
#0b32af rgb(11,50,175)
```
#042fb6
```
#042fb6 rgb(4,47,182)
```

Tone Color Variation

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

Dichromacy

#2a5092 Protanopia 1% of men
#00548c Deuteranopia 1% of men
#0a5a61 Tritanopia 0.001% of the population

Trichromacy

#2c4c8f Protanomaly 1% of men, 0.01% of women
#114e8b Deuteranomaly 6% of men, 0.4% of women
#175270 Tritanomaly 0.01% of the population

#2f458b hex color

#2f458b Color Information

#2f458b Color Conversion

Color Schemes with #2f458b

Alternatives to #2f458b

#2f458b Preview

Shades and Tints of #2f458b

Tones of #2f458b

Color Blindness Simulator