#1f5174 hex color

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

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

● #1f5174 color description : Dark blue.

The hexadecimal color #1f5174 has RGB values of R:31, G:81, B:116 and CMYK values of C:0.73, M:0.3, Y:0, K:0.55. Its decimal value is 2052468.

Hex triplet	1f5174	`#1f5174`
RGB Decimal	31, 81, 116	`rgb(31,81,116)`
RGB Percent	12.2, 31.8, 45.5	`rgb(12.2%,31.8%,45.5%)`
CMYK	73, 30, 0, 55
HSL	204.7°, 57.8, 28.8	`hsl(204.7,57.8%,28.8%)`
HSV (or HSB)	204.7°, 73.3, 45.5
Web Safe	336666	`#336666`

CIE-LAB	32.781, -4.138, -24.855
XYZ	6.659, 7.437, 17.606
xyY	0.21, 0.235, 7.437
CIE-LCH	32.781, 25.197, 260.548
CIE-LUV	32.781, -17.939, -32.813
Hunter-Lab	27.27, -4.135, -19.19
Binary	00011111, 01010001, 01110100

#1f5174
```
#1f5174 rgb(31,81,116)
```
#74421f
```
#74421f rgb(116,66,31)
```

Complementary Color

#1f746d
```
#1f746d rgb(31,116,109)
```
#1f5174
```
#1f5174 rgb(31,81,116)
```
#1f2774
```
#1f2774 rgb(31,39,116)
```

Analogous Color

#746d1f
```
#746d1f rgb(116,109,31)
```
#1f5174
```
#1f5174 rgb(31,81,116)
```
#741f27
```
#741f27 rgb(116,31,39)
```

Split Complementary Color

#51741f
```
#51741f rgb(81,116,31)
```
#1f5174
```
#1f5174 rgb(31,81,116)
```
#741f51
```
#741f51 rgb(116,31,81)
```

Triadic Color

#1f7442
```
#1f7442 rgb(31,116,66)
```
#1f5174
```
#1f5174 rgb(31,81,116)
```
#741f51
```
#741f51 rgb(116,31,81)
```
#74421f
```
#74421f rgb(116,66,31)
```

Tetradic Color

#0f2738
```
#0f2738 rgb(15,39,56)
```
#14354c
```
#14354c rgb(20,53,76)
```
#1a4360
```
#1a4360 rgb(26,67,96)
```
#1f5174
```
#1f5174 rgb(31,81,116)
```
#245f88
```
#245f88 rgb(36,95,136)
```
#2a6d9c
```
#2a6d9c rgb(42,109,156)
```
#2f7bb0
```
#2f7bb0 rgb(47,123,176)
```

Monochromatic Color

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

#1f6674
```
#1f6674 rgb(31,102,116)
```
#1f5f74
```
#1f5f74 rgb(31,95,116)
```
#1f5874
```
#1f5874 rgb(31,88,116)
```
#1f5174
```
#1f5174 rgb(31,81,116)
```
#1f4a74
```
#1f4a74 rgb(31,74,116)
```
#1f4374
```
#1f4374 rgb(31,67,116)
```
#1f3c74
```
#1f3c74 rgb(31,60,116)
```

Similar Colors

Text with hexadecimal color #1f5174

This text has a font color of #1f5174.

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

#1f5174 background color

This paragraph has a background color of #1f5174.

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

#1f5174 border color

This element has a border color of #1f5174.

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

CSS codes

.text {color:#1f5174;}

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

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

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 #f7fbfd is the lightest one.

#020508
```
#020508 rgb(2,5,8)
```
#061017
```
#061017 rgb(6,16,23)
```
#0a1b27
```
#0a1b27 rgb(10,27,39)
```
#0e2636
```
#0e2636 rgb(14,38,54)
```
#133146
```
#133146 rgb(19,49,70)
```
#173b55
```
#173b55 rgb(23,59,85)
```
#1b4665
```
#1b4665 rgb(27,70,101)
```
#1f5174
```
#1f5174 rgb(31,81,116)
```
#235c83
```
#235c83 rgb(35,92,131)
```
#276793
```
#276793 rgb(39,103,147)
```
#2b71a2
```
#2b71a2 rgb(43,113,162)
```
#307cb2
```
#307cb2 rgb(48,124,178)
```
#3487c1
```
#3487c1 rgb(52,135,193)
```

Shade Color Variation

#3d91cb
```
#3d91cb rgb(61,145,203)
```
#4d9acf
```
#4d9acf rgb(77,154,207)
```
#5ca2d4
```
#5ca2d4 rgb(92,162,212)
```
#6cabd8
```
#6cabd8 rgb(108,171,216)
```
#7bb4dc
```
#7bb4dc rgb(123,180,220)
```
#8bbde0
```
#8bbde0 rgb(139,189,224)
```
#9ac6e4
```
#9ac6e4 rgb(154,198,228)
```
#aacfe8
```
#aacfe8 rgb(170,207,232)
```
#b9d7ec
```
#b9d7ec rgb(185,215,236)
```
#c9e0f0
```
#c9e0f0 rgb(201,224,240)
```
#d8e9f5
```
#d8e9f5 rgb(216,233,245)
```
#e8f2f9
```
#e8f2f9 rgb(232,242,249)
```
#f7fbfd
```
#f7fbfd rgb(247,251,253)
```

Tint Color Variation

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

#474a4c
```
#474a4c rgb(71,74,76)
```
#414b52
```
#414b52 rgb(65,75,82)
```
#3b4c58
```
#3b4c58 rgb(59,76,88)
```
#364d5d
```
#364d5d rgb(54,77,93)
```
#304e63
```
#304e63 rgb(48,78,99)
```
#2a4f69
```
#2a4f69 rgb(42,79,105)
```
#25506e
```
#25506e rgb(37,80,110)
```
#1f5174
```
#1f5174 rgb(31,81,116)
```
#19527a
```
#19527a rgb(25,82,122)
```
#14537f
```
#14537f rgb(20,83,127)
```
#0e5485
```
#0e5485 rgb(14,84,133)
```
#08558b
```
#08558b rgb(8,85,139)
```
#035690
```
#035690 rgb(3,86,144)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#3e484f Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5577 Protanopia 1% of men
#43567c Deuteranopia 1% of men
#145e65 Tritanopia 0.001% of the population

Trichromacy

#3a5376 Protanomaly 1% of men, 0.01% of women
#355479 Deuteranomaly 6% of men, 0.4% of women
#18596a Tritanomaly 0.01% of the population

#1f5174 hex color

#1f5174 Color Information

#1f5174 Color Conversion

Color Schemes with #1f5174

Alternatives to #1f5174

#1f5174 Preview

Shades and Tints of #1f5174

Tones of #1f5174

Color Blindness Simulator