#1f4574 hex color

In a RGB color space, hex #1f4574 is composed of 12.2% red, 27.1% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 73.3% cyan, 40.5% magenta, 0% yellow and 54.5% black. It has a hue angle of 213.2 degrees, a saturation of 57.8% and a lightness of 28.8%. #1f4574 color hex could be obtained by blending #3e8ae8 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 27
- B 45
RGB color chart
- C 73
- M 41
- Y 0
- K 55
CMYK color chart

● #1f4574 color description : Dark blue.

The hexadecimal color #1f4574 has RGB values of R:31, G:69, B:116 and CMYK values of C:0.73, M:0.41, Y:0, K:0.55. Its decimal value is 2049396.

Hex triplet	1f4574	`#1f4574`
RGB Decimal	31, 69, 116	`rgb(31,69,116)`
RGB Percent	12.2, 27.1, 45.5	`rgb(12.2%,27.1%,45.5%)`
CMYK	73, 41, 0, 55
HSL	213.2°, 57.8, 28.8	`hsl(213.2,57.8%,28.8%)`
HSV (or HSB)	213.2°, 73.3, 45.5
Web Safe	333366	`#333366`

CIE-LAB	28.923, 3.722, -30.944
XYZ	5.845, 5.808, 17.335
xyY	0.202, 0.2, 5.808
CIE-LCH	28.923, 31.167, 276.858
CIE-LUV	28.923, -13.75, -40.519
Hunter-Lab	24.1, 1.116, -25.777
Binary	00011111, 01000101, 01110100

#1f4574
```
#1f4574 rgb(31,69,116)
```
#744e1f
```
#744e1f rgb(116,78,31)
```

Complementary Color

#1f7074
```
#1f7074 rgb(31,112,116)
```
#1f4574
```
#1f4574 rgb(31,69,116)
```
#241f74
```
#241f74 rgb(36,31,116)
```

Analogous Color

#70741f
```
#70741f rgb(112,116,31)
```
#1f4574
```
#1f4574 rgb(31,69,116)
```
#74241f
```
#74241f rgb(116,36,31)
```

Split Complementary Color

#45741f
```
#45741f rgb(69,116,31)
```
#1f4574
```
#1f4574 rgb(31,69,116)
```
#741f45
```
#741f45 rgb(116,31,69)
```

Triadic Color

#1f744e
```
#1f744e rgb(31,116,78)
```
#1f4574
```
#1f4574 rgb(31,69,116)
```
#741f45
```
#741f45 rgb(116,31,69)
```
#744e1f
```
#744e1f rgb(116,78,31)
```

Tetradic Color

#0f2138
```
#0f2138 rgb(15,33,56)
```
#142d4c
```
#142d4c rgb(20,45,76)
```
#1a3960
```
#1a3960 rgb(26,57,96)
```
#1f4574
```
#1f4574 rgb(31,69,116)
```
#245188
```
#245188 rgb(36,81,136)
```
#2a5d9c
```
#2a5d9c rgb(42,93,156)
```
#2f69b0
```
#2f69b0 rgb(47,105,176)
```

Monochromatic Color

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

#1f5a74
```
#1f5a74 rgb(31,90,116)
```
#1f5374
```
#1f5374 rgb(31,83,116)
```
#1f4c74
```
#1f4c74 rgb(31,76,116)
```
#1f4574
```
#1f4574 rgb(31,69,116)
```
#1f3e74
```
#1f3e74 rgb(31,62,116)
```
#1f3774
```
#1f3774 rgb(31,55,116)
```
#1f3074
```
#1f3074 rgb(31,48,116)
```

Similar Colors

Text with hexadecimal color #1f4574

This text has a font color of #1f4574.

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

#1f4574 background color

This paragraph has a background color of #1f4574.

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

#1f4574 border color

This element has a border color of #1f4574.

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

CSS codes

.text {color:#1f4574;}

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

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

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

#020508
```
#020508 rgb(2,5,8)
```
#060e17
```
#060e17 rgb(6,14,23)
```
#0a1727
```
#0a1727 rgb(10,23,39)
```
#0e2036
```
#0e2036 rgb(14,32,54)
```
#132946
```
#132946 rgb(19,41,70)
```
#173355
```
#173355 rgb(23,51,85)
```
#1b3c65
```
#1b3c65 rgb(27,60,101)
```
#1f4574
```
#1f4574 rgb(31,69,116)
```
#234e83
```
#234e83 rgb(35,78,131)
```
#275793
```
#275793 rgb(39,87,147)
```
#2b61a2
```
#2b61a2 rgb(43,97,162)
```
#306ab2
```
#306ab2 rgb(48,106,178)
```
#3473c1
```
#3473c1 rgb(52,115,193)
```

Shade Color Variation

#3d7dcb
```
#3d7dcb rgb(61,125,203)
```
#4d87cf
```
#4d87cf rgb(77,135,207)
```
#5c92d4
```
#5c92d4 rgb(92,146,212)
```
#6c9cd8
```
#6c9cd8 rgb(108,156,216)
```
#7ba6dc
```
#7ba6dc rgb(123,166,220)
```
#8bb1e0
```
#8bb1e0 rgb(139,177,224)
```
#9abbe4
```
#9abbe4 rgb(154,187,228)
```
#aac6e8
```
#aac6e8 rgb(170,198,232)
```
#b9d0ec
```
#b9d0ec rgb(185,208,236)
```
#c9dbf0
```
#c9dbf0 rgb(201,219,240)
```
#d8e5f5
```
#d8e5f5 rgb(216,229,245)
```
#e8eff9
```
#e8eff9 rgb(232,239,249)
```
#f7fafd
```
#f7fafd rgb(247,250,253)
```

Tint Color Variation

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

#47494c
```
#47494c rgb(71,73,76)
```
#414952
```
#414952 rgb(65,73,82)
```
#3b4858
```
#3b4858 rgb(59,72,88)
```
#36475d
```
#36475d rgb(54,71,93)
```
#304763
```
#304763 rgb(48,71,99)
```
#2a4669
```
#2a4669 rgb(42,70,105)
```
#25466e
```
#25466e rgb(37,70,110)
```
#1f4574
```
#1f4574 rgb(31,69,116)
```
#19447a
```
#19447a rgb(25,68,122)
```
#14447f
```
#14447f rgb(20,68,127)
```
#0e4385
```
#0e4385 rgb(14,67,133)
```
#08438b
```
#08438b rgb(8,67,139)
```
#034290
```
#034290 rgb(3,66,144)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#39404a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a4c79 Protanopia 1% of men
#2c4e7b Deuteranopia 1% of men
#00555b Tritanopia 0.001% of the population

Trichromacy

#304977 Protanomaly 1% of men, 0.01% of women
#274a78 Deuteranomaly 6% of men, 0.4% of women
#0b4f64 Tritanomaly 0.01% of the population

#1f4574 hex color

#1f4574 Color Information

#1f4574 Color Conversion

Color Schemes with #1f4574

Alternatives to #1f4574

#1f4574 Preview

Shades and Tints of #1f4574

Tones of #1f4574

Color Blindness Simulator