#2f449d hex color

In a RGB color space, hex #2f449d is composed of 18.4% red, 26.7% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 56.7% magenta, 0% yellow and 38.4% black. It has a hue angle of 228.5 degrees, a saturation of 53.9% and a lightness of 40%. #2f449d color hex could be obtained by blending #5e88ff with #00003b. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 18
- G 27
- B 62
RGB color chart
- C 70
- M 57
- Y 0
- K 38
CMYK color chart

● #2f449d color description : Dark blue.

The hexadecimal color #2f449d has RGB values of R:47, G:68, B:157 and CMYK values of C:0.7, M:0.57, Y:0, K:0.38. Its decimal value is 3097757.

Hex triplet	2f449d	`#2f449d`
RGB Decimal	47, 68, 157	`rgb(47,68,157)`
RGB Percent	18.4, 26.7, 61.6	`rgb(18.4%,26.7%,61.6%)`
CMYK	70, 57, 0, 38
HSL	228.5°, 53.9, 40	`hsl(228.5,53.9%,40%)`
HSV (or HSB)	228.5°, 70.1, 61.6
Web Safe	333399	`#333399`

CIE-LAB	32.196, 22.857, -50.96
XYZ	9.324, 7.172, 32.789
xyY	0.189, 0.146, 7.172
CIE-LCH	32.196, 55.851, 294.158
CIE-LUV	32.196, -10.294, -70.52
Hunter-Lab	26.781, 15.278, -53.845
Binary	00101111, 01000100, 10011101

#2f449d
```
#2f449d rgb(47,68,157)
```
#9d882f
```
#9d882f rgb(157,136,47)
```

Complementary Color

#2f7b9d
```
#2f7b9d rgb(47,123,157)
```
#2f449d
```
#2f449d rgb(47,68,157)
```
#512f9d
```
#512f9d rgb(81,47,157)
```

Analogous Color

#7b9d2f
```
#7b9d2f rgb(123,157,47)
```
#2f449d
```
#2f449d rgb(47,68,157)
```
#9d512f
```
#9d512f rgb(157,81,47)
```

Split Complementary Color

#449d2f
```
#449d2f rgb(68,157,47)
```
#2f449d
```
#2f449d rgb(47,68,157)
```
#9d2f44
```
#9d2f44 rgb(157,47,68)
```

Triadic Color

#2f9d88
```
#2f9d88 rgb(47,157,136)
```
#2f449d
```
#2f449d rgb(47,68,157)
```
#9d2f44
```
#9d2f44 rgb(157,47,68)
```
#9d882f
```
#9d882f rgb(157,136,47)
```

Tetradic Color

#1d2b62
```
#1d2b62 rgb(29,43,98)
```
#233376
```
#233376 rgb(35,51,118)
```
#293c89
```
#293c89 rgb(41,60,137)
```
#2f449d
```
#2f449d rgb(47,68,157)
```
#354db1
```
#354db1 rgb(53,77,177)
```
#3b55c4
```
#3b55c4 rgb(59,85,196)
```
#4e66ca
```
#4e66ca rgb(78,102,202)
```

Monochromatic Color

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

#2f609d
```
#2f609d rgb(47,96,157)
```
#2f569d
```
#2f569d rgb(47,86,157)
```
#2f4d9d
```
#2f4d9d rgb(47,77,157)
```
#2f449d
```
#2f449d rgb(47,68,157)
```
#2f3b9d
```
#2f3b9d rgb(47,59,157)
```
#2f329d
```
#2f329d rgb(47,50,157)
```
#362f9d
```
#362f9d rgb(54,47,157)
```

Similar Colors

Text with hexadecimal color #2f449d

This text has a font color of #2f449d.

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

#2f449d background color

This paragraph has a background color of #2f449d.

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

#2f449d border color

This element has a border color of #2f449d.

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

CSS codes

.text {color:#2f449d;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#060915
```
#060915 rgb(6,9,21)
```
#0b1024
```
#0b1024 rgb(11,16,36)
```
#0f1633
```
#0f1633 rgb(15,22,51)
```
#141d42
```
#141d42 rgb(20,29,66)
```
#182352
```
#182352 rgb(24,35,82)
```
#1d2a61
```
#1d2a61 rgb(29,42,97)
```
#213070
```
#213070 rgb(33,48,112)
```
#26377f
```
#26377f rgb(38,55,127)
```
#2a3d8e
```
#2a3d8e rgb(42,61,142)
```
#2f449d
```
#2f449d rgb(47,68,157)
```
#344bac
```
#344bac rgb(52,75,172)
```
#3851bb
```
#3851bb rgb(56,81,187)
```

Shade Color Variation

#415ac6
```
#415ac6 rgb(65,90,198)
```
#5067cb
```
#5067cb rgb(80,103,203)
```
#5f74cf
```
#5f74cf rgb(95,116,207)
```
#6e81d4
```
#6e81d4 rgb(110,129,212)
```
#7d8fd8
```
#7d8fd8 rgb(125,143,216)
```
#8c9cdd
```
#8c9cdd rgb(140,156,221)
```
#9ba9e1
```
#9ba9e1 rgb(155,169,225)
```
#aab6e6
```
#aab6e6 rgb(170,182,230)
```
#bac3ea
```
#bac3ea rgb(186,195,234)
```
#c9d0ef
```
#c9d0ef rgb(201,208,239)
```
#d8ddf3
```
#d8ddf3 rgb(216,221,243)
```
#e7eaf8
```
#e7eaf8 rgb(231,234,248)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

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

#666666
```
#666666 rgb(102,102,102)
```
#5e616e
```
#5e616e rgb(94,97,110)
```
#565c76
```
#565c76 rgb(86,92,118)
```
#4e577e
```
#4e577e rgb(78,87,126)
```
#475385
```
#475385 rgb(71,83,133)
```
#3f4e8d
```
#3f4e8d rgb(63,78,141)
```
#374995
```
#374995 rgb(55,73,149)
```
#2f449d
```
#2f449d rgb(47,68,157)
```
#273fa5
```
#273fa5 rgb(39,63,165)
```
#1f3aad
```
#1f3aad rgb(31,58,173)
```
#1735b5
```
#1735b5 rgb(23,53,181)
```
#1031bc
```
#1031bc rgb(16,49,188)
```
#082cc4
```
#082cc4 rgb(8,44,196)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#434759 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a1 Protanopia 1% of men
#00568d Deuteranopia 1% of men
#005d63 Tritanopia 0.001% of the population

Trichromacy

#114d9f Protanomaly 1% of men, 0.01% of women
#115093 Deuteranomaly 6% of men, 0.4% of women
#115478 Tritanomaly 0.01% of the population

#2f449d hex color

#2f449d Color Information

#2f449d Color Conversion

Color Schemes with #2f449d

Alternatives to #2f449d

#2f449d Preview

Shades and Tints of #2f449d

Tones of #2f449d

Color Blindness Simulator