#2f497b hex color

In a RGB color space, hex #2f497b is composed of 18.4% red, 28.6% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 61.8% cyan, 40.7% magenta, 0% yellow and 51.8% black. It has a hue angle of 219.5 degrees, a saturation of 44.7% and a lightness of 33.3%. #2f497b color hex could be obtained by blending #5e92f6 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 18
- G 29
- B 48
RGB color chart
- C 62
- M 41
- Y 0
- K 52
CMYK color chart

● #2f497b color description : Dark moderate blue.

The hexadecimal color #2f497b has RGB values of R:47, G:73, B:123 and CMYK values of C:0.62, M:0.41, Y:0, K:0.52. Its decimal value is 3099003.

Hex triplet	2f497b	`#2f497b`
RGB Decimal	47, 73, 123	`rgb(47,73,123)`
RGB Percent	18.4, 28.6, 48.2	`rgb(18.4%,28.6%,48.2%)`
CMYK	62, 41, 0, 52
HSL	219.5°, 44.7, 33.3	`hsl(219.5,44.7%,33.3%)`
HSV (or HSB)	219.5°, 61.8, 48.2
Web Safe	333366	`#333366`

CIE-LAB	31.345, 6.791, -31.44
XYZ	7.129, 6.799, 19.674
xyY	0.212, 0.202, 6.799
CIE-LCH	31.345, 32.165, 282.189
CIE-LUV	31.345, -11.506, -42.542
Hunter-Lab	26.075, 3.173, -26.484
Binary	00101111, 01001001, 01111011

#2f497b
```
#2f497b rgb(47,73,123)
```
#7b612f
```
#7b612f rgb(123,97,47)
```

Complementary Color

#2f6f7b
```
#2f6f7b rgb(47,111,123)
```
#2f497b
```
#2f497b rgb(47,73,123)
```
#3b2f7b
```
#3b2f7b rgb(59,47,123)
```

Analogous Color

#6f7b2f
```
#6f7b2f rgb(111,123,47)
```
#2f497b
```
#2f497b rgb(47,73,123)
```
#7b3b2f
```
#7b3b2f rgb(123,59,47)
```

Split Complementary Color

#497b2f
```
#497b2f rgb(73,123,47)
```
#2f497b
```
#2f497b rgb(47,73,123)
```
#7b2f49
```
#7b2f49 rgb(123,47,73)
```

Triadic Color

#2f7b61
```
#2f7b61 rgb(47,123,97)
```
#2f497b
```
#2f497b rgb(47,73,123)
```
#7b2f49
```
#7b2f49 rgb(123,47,73)
```
#7b612f
```
#7b612f rgb(123,97,47)
```

Tetradic Color

#1a2844
```
#1a2844 rgb(26,40,68)
```
#213356
```
#213356 rgb(33,51,86)
```
#283e69
```
#283e69 rgb(40,62,105)
```
#2f497b
```
#2f497b rgb(47,73,123)
```
#36548d
```
#36548d rgb(54,84,141)
```
#3d5fa0
```
#3d5fa0 rgb(61,95,160)
```
#446ab2
```
#446ab2 rgb(68,106,178)
```

Monochromatic Color

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

#2f5c7b
```
#2f5c7b rgb(47,92,123)
```
#2f567b
```
#2f567b rgb(47,86,123)
```
#2f4f7b
```
#2f4f7b rgb(47,79,123)
```
#2f497b
```
#2f497b rgb(47,73,123)
```
#2f437b
```
#2f437b rgb(47,67,123)
```
#2f3c7b
```
#2f3c7b rgb(47,60,123)
```
#2f367b
```
#2f367b rgb(47,54,123)
```

Similar Colors

Text with hexadecimal color #2f497b

This text has a font color of #2f497b.

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

#2f497b background color

This paragraph has a background color of #2f497b.

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

#2f497b border color

This element has a border color of #2f497b.

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

CSS codes

.text {color:#2f497b;}

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

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

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

#040609
```
#040609 rgb(4,6,9)
```
#090e18
```
#090e18 rgb(9,14,24)
```
#0e1626
```
#0e1626 rgb(14,22,38)
```
#141f34
```
#141f34 rgb(20,31,52)
```
#192742
```
#192742 rgb(25,39,66)
```
#1f3050
```
#1f3050 rgb(31,48,80)
```
#24385f
```
#24385f rgb(36,56,95)
```
#2a416d
```
#2a416d rgb(42,65,109)
```
#2f497b
```
#2f497b rgb(47,73,123)
```
#345189
```
#345189 rgb(52,81,137)
```
#3a5a97
```
#3a5a97 rgb(58,90,151)
```
#3f62a6
```
#3f62a6 rgb(63,98,166)
```
#456bb4
```
#456bb4 rgb(69,107,180)
```

Shade Color Variation

#5075bc
```
#5075bc rgb(80,117,188)
```
#5e80c2
```
#5e80c2 rgb(94,128,194)
```
#6c8bc7
```
#6c8bc7 rgb(108,139,199)
```
#7b97cc
```
#7b97cc rgb(123,151,204)
```
#89a2d2
```
#89a2d2 rgb(137,162,210)
```
#97add7
```
#97add7 rgb(151,173,215)
```
#a5b8dd
```
#a5b8dd rgb(165,184,221)
```
#b3c3e2
```
#b3c3e2 rgb(179,195,226)
```
#c2cfe8
```
#c2cfe8 rgb(194,207,232)
```
#d0daed
```
#d0daed rgb(208,218,237)
```
#dee5f2
```
#dee5f2 rgb(222,229,242)
```
#ecf0f8
```
#ecf0f8 rgb(236,240,248)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#50535a
```
#50535a rgb(80,83,90)
```
#495161
```
#495161 rgb(73,81,97)
```
#434f67
```
#434f67 rgb(67,79,103)
```
#3c4d6e
```
#3c4d6e rgb(60,77,110)
```
#364b74
```
#364b74 rgb(54,75,116)
```
#2f497b
```
#2f497b rgb(47,73,123)
```
#284782
```
#284782 rgb(40,71,130)
```
#224588
```
#224588 rgb(34,69,136)
```
#1b438f
```
#1b438f rgb(27,67,143)
```
#154195
```
#154195 rgb(21,65,149)
```
#0e3f9c
```
#0e3f9c rgb(14,63,156)
```
#083da2
```
#083da2 rgb(8,61,162)
```
#013ba9
```
#013ba9 rgb(1,59,169)
```

Tone Color Variation

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

Dichromacy

#3e5181 Protanopia 1% of men
#335381 Deuteranopia 1% of men
#265960 Tritanopia 0.001% of the population

Trichromacy

#394e7e Protanomaly 1% of men, 0.01% of women
#324f7f Deuteranomaly 6% of men, 0.4% of women
#29536a Tritanomaly 0.01% of the population

#2f497b hex color

#2f497b Color Information

#2f497b Color Conversion

Color Schemes with #2f497b

Alternatives to #2f497b

#2f497b Preview

Shades and Tints of #2f497b

Tones of #2f497b

Color Blindness Simulator