#2f497d hex color

In a RGB color space, hex #2f497d is composed of 18.4% red, 28.6% green and 49% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 41.6% magenta, 0% yellow and 51% black. It has a hue angle of 220 degrees, a saturation of 45.3% and a lightness of 33.7%. #2f497d color hex could be obtained by blending #5e92fa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 29
- B 49
RGB color chart
- C 62
- M 42
- Y 0
- K 51
CMYK color chart

● #2f497d color description : Dark moderate blue.

The hexadecimal color #2f497d has RGB values of R:47, G:73, B:125 and CMYK values of C:0.62, M:0.42, Y:0, K:0.51. Its decimal value is 3099005.

Hex triplet	2f497d	`#2f497d`
RGB Decimal	47, 73, 125	`rgb(47,73,125)`
RGB Percent	18.4, 28.6, 49	`rgb(18.4%,28.6%,49%)`
CMYK	62, 42, 0, 51
HSL	220°, 45.3, 33.7	`hsl(220,45.3%,33.7%)`
HSV (or HSB)	220°, 62.4, 49
Web Safe	333366	`#333366`

CIE-LAB	31.462, 7.526, -32.5
XYZ	7.256, 6.85, 20.341
xyY	0.211, 0.199, 6.85
CIE-LCH	31.462, 33.36, 283.038
CIE-LUV	31.462, -11.509, -44.122
Hunter-Lab	26.172, 3.685, -27.76
Binary	00101111, 01001001, 01111101

#2f497d
```
#2f497d rgb(47,73,125)
```
#7d632f
```
#7d632f rgb(125,99,47)
```

Complementary Color

#2f707d
```
#2f707d rgb(47,112,125)
```
#2f497d
```
#2f497d rgb(47,73,125)
```
#3c2f7d
```
#3c2f7d rgb(60,47,125)
```

Analogous Color

#707d2f
```
#707d2f rgb(112,125,47)
```
#2f497d
```
#2f497d rgb(47,73,125)
```
#7d3c2f
```
#7d3c2f rgb(125,60,47)
```

Split Complementary Color

#497d2f
```
#497d2f rgb(73,125,47)
```
#2f497d
```
#2f497d rgb(47,73,125)
```
#7d2f49
```
#7d2f49 rgb(125,47,73)
```

Triadic Color

#2f7d63
```
#2f7d63 rgb(47,125,99)
```
#2f497d
```
#2f497d rgb(47,73,125)
```
#7d2f49
```
#7d2f49 rgb(125,47,73)
```
#7d632f
```
#7d632f rgb(125,99,47)
```

Tetradic Color

#1a2945
```
#1a2945 rgb(26,41,69)
```
#213358
```
#213358 rgb(33,51,88)
```
#283e6a
```
#283e6a rgb(40,62,106)
```
#2f497d
```
#2f497d rgb(47,73,125)
```
#365490
```
#365490 rgb(54,84,144)
```
#3d5fa2
```
#3d5fa2 rgb(61,95,162)
```
#4469b5
```
#4469b5 rgb(68,105,181)
```

Monochromatic Color

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

#2f5d7d
```
#2f5d7d rgb(47,93,125)
```
#2f567d
```
#2f567d rgb(47,86,125)
```
#2f507d
```
#2f507d rgb(47,80,125)
```
#2f497d
```
#2f497d rgb(47,73,125)
```
#2f437d
```
#2f437d rgb(47,67,125)
```
#2f3c7d
```
#2f3c7d rgb(47,60,125)
```
#2f367d
```
#2f367d rgb(47,54,125)
```

Similar Colors

Text with hexadecimal color #2f497d

This text has a font color of #2f497d.

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

#2f497d background color

This paragraph has a background color of #2f497d.

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

#2f497d border color

This element has a border color of #2f497d.

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

CSS codes

.text {color:#2f497d;}

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

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

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, #04060b is the darkest color, while #fcfcfe is the lightest one.

#04060b
```
#04060b rgb(4,6,11)
```
#090f19
```
#090f19 rgb(9,15,25)
```
#0f1727
```
#0f1727 rgb(15,23,39)
```
#141f36
```
#141f36 rgb(20,31,54)
```
#1a2844
```
#1a2844 rgb(26,40,68)
```
#1f3052
```
#1f3052 rgb(31,48,82)
```
#243860
```
#243860 rgb(36,56,96)
```
#2a416f
```
#2a416f rgb(42,65,111)
```
#2f497d
```
#2f497d rgb(47,73,125)
```
#34518b
```
#34518b rgb(52,81,139)
```
#3a5a9a
```
#3a5a9a rgb(58,90,154)
```
#3f62a8
```
#3f62a8 rgb(63,98,168)
```
#446ab6
```
#446ab6 rgb(68,106,182)
```

Shade Color Variation

#5175bd
```
#5175bd rgb(81,117,189)
```
#5f80c3
```
#5f80c3 rgb(95,128,195)
```
#6d8bc8
```
#6d8bc8 rgb(109,139,200)
```
#7b97ce
```
#7b97ce rgb(123,151,206)
```
#8aa2d3
```
#8aa2d3 rgb(138,162,211)
```
#98add8
```
#98add8 rgb(152,173,216)
```
#a6b9de
```
#a6b9de rgb(166,185,222)
```
#b4c4e3
```
#b4c4e3 rgb(180,196,227)
```
#c3cfe8
```
#c3cfe8 rgb(195,207,232)
```
#d1dbee
```
#d1dbee rgb(209,219,238)
```
#dfe6f3
```
#dfe6f3 rgb(223,230,243)
```
#edf1f8
```
#edf1f8 rgb(237,241,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#50545c
```
#50545c rgb(80,84,92)
```
#495263
```
#495263 rgb(73,82,99)
```
#435069
```
#435069 rgb(67,80,105)
```
#3c4d70
```
#3c4d70 rgb(60,77,112)
```
#364b76
```
#364b76 rgb(54,75,118)
```
#2f497d
```
#2f497d rgb(47,73,125)
```
#284784
```
#284784 rgb(40,71,132)
```
#22458a
```
#22458a rgb(34,69,138)
```
#1b4291
```
#1b4291 rgb(27,66,145)
```
#154097
```
#154097 rgb(21,64,151)
```
#0e3e9e
```
#0e3e9e rgb(14,62,158)
```
#073ca5
```
#073ca5 rgb(7,60,165)
```
#013aab
```
#013aab rgb(1,58,171)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#424752 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d5183 Protanopia 1% of men
#315383 Deuteranopia 1% of men
#245a61 Tritanopia 0.001% of the population

Trichromacy

#384e80 Protanomaly 1% of men, 0.01% of women
#304f80 Deuteranomaly 6% of men, 0.4% of women
#28546b Tritanomaly 0.01% of the population

#2f497d hex color

#2f497d Color Information

#2f497d Color Conversion

Color Schemes with #2f497d

Alternatives to #2f497d

#2f497d Preview

Shades and Tints of #2f497d

Tones of #2f497d

Color Blindness Simulator