#1f4b7a hex color

In a RGB color space, hex #1f4b7a is composed of 12.2% red, 29.4% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 38.5% magenta, 0% yellow and 52.2% black. It has a hue angle of 211 degrees, a saturation of 59.5% and a lightness of 30%. #1f4b7a color hex could be obtained by blending #3e96f4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 29
- B 48
RGB color chart
- C 75
- M 39
- Y 0
- K 52
CMYK color chart

● #1f4b7a color description : Dark blue.

The hexadecimal color #1f4b7a has RGB values of R:31, G:75, B:122 and CMYK values of C:0.75, M:0.39, Y:0, K:0.52. Its decimal value is 2050938.

Hex triplet	1f4b7a	`#1f4b7a`
RGB Decimal	31, 75, 122	`rgb(31,75,122)`
RGB Percent	12.2, 29.4, 47.8	`rgb(12.2%,29.4%,47.8%)`
CMYK	75, 39, 0, 52
HSL	211°, 59.5, 30	`hsl(211,59.5%,30%)`
HSV (or HSB)	211°, 74.6, 47.8
Web Safe	333366	`#333366`

CIE-LAB	31.18, 2.081, -31.124
XYZ	6.593, 6.728, 19.362
xyY	0.202, 0.206, 6.728
CIE-LCH	31.18, 31.193, 273.825
CIE-LUV	31.18, -15.64, -41.621
Hunter-Lab	25.939, -0.021, -26.101
Binary	00011111, 01001011, 01111010

#1f4b7a
```
#1f4b7a rgb(31,75,122)
```
#7a4e1f
```
#7a4e1f rgb(122,78,31)
```

Complementary Color

#1f797a
```
#1f797a rgb(31,121,122)
```
#1f4b7a
```
#1f4b7a rgb(31,75,122)
```
#201f7a
```
#201f7a rgb(32,31,122)
```

Analogous Color

#797a1f
```
#797a1f rgb(121,122,31)
```
#1f4b7a
```
#1f4b7a rgb(31,75,122)
```
#7a201f
```
#7a201f rgb(122,32,31)
```

Split Complementary Color

#4b7a1f
```
#4b7a1f rgb(75,122,31)
```
#1f4b7a
```
#1f4b7a rgb(31,75,122)
```
#7a1f4b
```
#7a1f4b rgb(122,31,75)
```

Triadic Color

#1f7a4e
```
#1f7a4e rgb(31,122,78)
```
#1f4b7a
```
#1f4b7a rgb(31,75,122)
```
#7a1f4b
```
#7a1f4b rgb(122,31,75)
```
#7a4e1f
```
#7a4e1f rgb(122,78,31)
```

Tetradic Color

#10263d
```
#10263d rgb(16,38,61)
```
#153251
```
#153251 rgb(21,50,81)
```
#1a3f66
```
#1a3f66 rgb(26,63,102)
```
#1f4b7a
```
#1f4b7a rgb(31,75,122)
```
#24588e
```
#24588e rgb(36,88,142)
```
#2964a3
```
#2964a3 rgb(41,100,163)
```
#2f71b7
```
#2f71b7 rgb(47,113,183)
```

Monochromatic Color

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

#1f627a
```
#1f627a rgb(31,98,122)
```
#1f5a7a
```
#1f5a7a rgb(31,90,122)
```
#1f537a
```
#1f537a rgb(31,83,122)
```
#1f4b7a
```
#1f4b7a rgb(31,75,122)
```
#1f437a
```
#1f437a rgb(31,67,122)
```
#1f3c7a
```
#1f3c7a rgb(31,60,122)
```
#1f347a
```
#1f347a rgb(31,52,122)
```

Similar Colors

Text with hexadecimal color #1f4b7a

This text has a font color of #1f4b7a.

<span style="color:#1f4b7a;">Text here</span>

#1f4b7a background color

This paragraph has a background color of #1f4b7a.

<p style="background-color:#1f4b7a;">Content here</p>

#1f4b7a border color

This element has a border color of #1f4b7a.

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

CSS codes

.text {color:#1f4b7a;}

.background {background-color:#1f4b7a;}

.border {border:1px solid #1f4b7a;}

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, #03080d is the darkest color, while #fcfdfe is the lightest one.

#03080d
```
#03080d rgb(3,8,13)
```
#07111c
```
#07111c rgb(7,17,28)
```
#0b1b2c
```
#0b1b2c rgb(11,27,44)
```
#0f253b
```
#0f253b rgb(15,37,59)
```
#132e4b
```
#132e4b rgb(19,46,75)
```
#17385b
```
#17385b rgb(23,56,91)
```
#1b416a
```
#1b416a rgb(27,65,106)
```
#1f4b7a
```
#1f4b7a rgb(31,75,122)
```
#23558a
```
#23558a rgb(35,85,138)
```
#275e99
```
#275e99 rgb(39,94,153)
```
#2b68a9
```
#2b68a9 rgb(43,104,169)
```
#2f71b9
```
#2f71b9 rgb(47,113,185)
```
#337bc8
```
#337bc8 rgb(51,123,200)
```

Shade Color Variation

#4085cf
```
#4085cf rgb(64,133,207)
```
#508fd2
```
#508fd2 rgb(80,143,210)
```
#5f99d6
```
#5f99d6 rgb(95,153,214)
```
#6fa3da
```
#6fa3da rgb(111,163,218)
```
#7fadde
```
#7fadde rgb(127,173,222)
```
#8eb7e2
```
#8eb7e2 rgb(142,183,226)
```
#9ec1e6
```
#9ec1e6 rgb(158,193,230)
```
#aecbea
```
#aecbea rgb(174,203,234)
```
#bdd5ee
```
#bdd5ee rgb(189,213,238)
```
#cddff2
```
#cddff2 rgb(205,223,242)
```
#dde9f6
```
#dde9f6 rgb(221,233,246)
```
#ecf3fa
```
#ecf3fa rgb(236,243,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484c51 is the less saturated color, while #024a97 is the most saturated one.

#484c51
```
#484c51 rgb(72,76,81)
```
#424c57
```
#424c57 rgb(66,76,87)
```
#3c4c5d
```
#3c4c5d rgb(60,76,93)
```
#374c62
```
#374c62 rgb(55,76,98)
```
#314c68
```
#314c68 rgb(49,76,104)
```
#2b4b6e
```
#2b4b6e rgb(43,75,110)
```
#254b74
```
#254b74 rgb(37,75,116)
```
#1f4b7a
```
#1f4b7a rgb(31,75,122)
```
#194b80
```
#194b80 rgb(25,75,128)
```
#134b86
```
#134b86 rgb(19,75,134)
```
#0d4a8c
```
#0d4a8c rgb(13,74,140)
```
#074a92
```
#074a92 rgb(7,74,146)
```
#024a97
```
#024a97 rgb(2,74,151)
```

Tone Color Variation

Below, you can see how #1f4b7a 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

#434343 Achromatopsia 0.005% of the population
#3c454e Atypical Achromatopsia 0.001% of the population

Dichromacy

#40517e Protanopia 1% of men
#325381 Deuteranopia 1% of men
#005a61 Tritanopia 0.001% of the population

Trichromacy

#344f7c Protanomaly 1% of men, 0.01% of women
#2b507e Deuteranomaly 6% of men, 0.4% of women
#0b556a Tritanomaly 0.01% of the population

#1f4b7a hex color

#1f4b7a Color Information

#1f4b7a Color Conversion

Color Schemes with #1f4b7a

Alternatives to #1f4b7a

#1f4b7a Preview

Shades and Tints of #1f4b7a

Tones of #1f4b7a

Color Blindness Simulator