#1f4a7a hex color

In a RGB color space, hex #1f4a7a is composed of 12.2% red, 29% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 39.3% magenta, 0% yellow and 52.2% black. It has a hue angle of 211.6 degrees, a saturation of 59.5% and a lightness of 30%. #1f4a7a color hex could be obtained by blending #3e94f4 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

● #1f4a7a color description : Dark blue.

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

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

CIE-LAB	30.863, 2.745, -31.627
XYZ	6.526, 6.594, 19.34
xyY	0.201, 0.203, 6.594
CIE-LCH	30.863, 31.745, 274.96
CIE-LUV	30.863, -15.3, -42.239
Hunter-Lab	25.678, 0.429, -26.682
Binary	00011111, 01001010, 01111010

#1f4a7a
```
#1f4a7a rgb(31,74,122)
```
#7a4f1f
```
#7a4f1f rgb(122,79,31)
```

Complementary Color

#1f787a
```
#1f787a rgb(31,120,122)
```
#1f4a7a
```
#1f4a7a rgb(31,74,122)
```
#221f7a
```
#221f7a rgb(34,31,122)
```

Analogous Color

#787a1f
```
#787a1f rgb(120,122,31)
```
#1f4a7a
```
#1f4a7a rgb(31,74,122)
```
#7a221f
```
#7a221f rgb(122,34,31)
```

Split Complementary Color

#4a7a1f
```
#4a7a1f rgb(74,122,31)
```
#1f4a7a
```
#1f4a7a rgb(31,74,122)
```
#7a1f4a
```
#7a1f4a rgb(122,31,74)
```

Triadic Color

#1f7a4f
```
#1f7a4f rgb(31,122,79)
```
#1f4a7a
```
#1f4a7a rgb(31,74,122)
```
#7a1f4a
```
#7a1f4a rgb(122,31,74)
```
#7a4f1f
```
#7a4f1f rgb(122,79,31)
```

Tetradic Color

#10253d
```
#10253d rgb(16,37,61)
```
#153151
```
#153151 rgb(21,49,81)
```
#1a3e66
```
#1a3e66 rgb(26,62,102)
```
#1f4a7a
```
#1f4a7a rgb(31,74,122)
```
#24568e
```
#24568e rgb(36,86,142)
```
#2963a3
```
#2963a3 rgb(41,99,163)
```
#2f6fb7
```
#2f6fb7 rgb(47,111,183)
```

Monochromatic Color

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

#1f617a
```
#1f617a rgb(31,97,122)
```
#1f597a
```
#1f597a rgb(31,89,122)
```
#1f527a
```
#1f527a rgb(31,82,122)
```
#1f4a7a
```
#1f4a7a rgb(31,74,122)
```
#1f427a
```
#1f427a rgb(31,66,122)
```
#1f3b7a
```
#1f3b7a rgb(31,59,122)
```
#1f337a
```
#1f337a rgb(31,51,122)
```

Similar Colors

Text with hexadecimal color #1f4a7a

This text has a font color of #1f4a7a.

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

#1f4a7a background color

This paragraph has a background color of #1f4a7a.

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

#1f4a7a border color

This element has a border color of #1f4a7a.

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

CSS codes

.text {color:#1f4a7a;}

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

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

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)
```
#0f243b
```
#0f243b rgb(15,36,59)
```
#132e4b
```
#132e4b rgb(19,46,75)
```
#17375b
```
#17375b rgb(23,55,91)
```
#1b416a
```
#1b416a rgb(27,65,106)
```
#1f4a7a
```
#1f4a7a rgb(31,74,122)
```
#23538a
```
#23538a rgb(35,83,138)
```
#275d99
```
#275d99 rgb(39,93,153)
```
#2b66a9
```
#2b66a9 rgb(43,102,169)
```
#2f70b9
```
#2f70b9 rgb(47,112,185)
```
#3379c8
```
#3379c8 rgb(51,121,200)
```

Shade Color Variation

#4083cf
```
#4083cf rgb(64,131,207)
```
#508ed2
```
#508ed2 rgb(80,142,210)
```
#5f98d6
```
#5f98d6 rgb(95,152,214)
```
#6fa2da
```
#6fa2da rgb(111,162,218)
```
#7facde
```
#7facde rgb(127,172,222)
```
#8eb6e2
```
#8eb6e2 rgb(142,182,226)
```
#9ec0e6
```
#9ec0e6 rgb(158,192,230)
```
#aecaea
```
#aecaea rgb(174,202,234)
```
#bdd4ee
```
#bdd4ee rgb(189,212,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 #024897 is the most saturated one.

#484c51
```
#484c51 rgb(72,76,81)
```
#424c57
```
#424c57 rgb(66,76,87)
```
#3c4c5d
```
#3c4c5d rgb(60,76,93)
```
#374b62
```
#374b62 rgb(55,75,98)
```
#314b68
```
#314b68 rgb(49,75,104)
```
#2b4b6e
```
#2b4b6e rgb(43,75,110)
```
#254a74
```
#254a74 rgb(37,74,116)
```
#1f4a7a
```
#1f4a7a rgb(31,74,122)
```
#194a80
```
#194a80 rgb(25,74,128)
```
#134986
```
#134986 rgb(19,73,134)
```
#0d498c
```
#0d498c rgb(13,73,140)
```
#074992
```
#074992 rgb(7,73,146)
```
#024897
```
#024897 rgb(2,72,151)
```

Tone Color Variation

Below, you can see how #1f4a7a 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
#3c444e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e507e Protanopia 1% of men
#305281 Deuteranopia 1% of men
#005a60 Tritanopia 0.001% of the population

Trichromacy

#334e7c Protanomaly 1% of men, 0.01% of women
#2a4f7e Deuteranomaly 6% of men, 0.4% of women
#0b5469 Tritanomaly 0.01% of the population

#1f4a7a hex color

#1f4a7a Color Information

#1f4a7a Color Conversion

Color Schemes with #1f4a7a

Alternatives to #1f4a7a

#1f4a7a Preview

Shades and Tints of #1f4a7a

Tones of #1f4a7a

Color Blindness Simulator