colorhexa.com

#1f3174 hex color

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

- R 12
- G 19
- B 45
RGB color chart
- C 73
- M 58
- Y 0
- K 55
CMYK color chart

● #1f3174 color description : Dark blue.

The hexadecimal color #1f3174 has RGB values of R:31, G:49, B:116 and CMYK values of C:0.73, M:0.58, Y:0, K:0.55. Its decimal value is 2044276.

Hex triplet	1f3174	`#1f3174`
RGB Decimal	31, 49, 116	`rgb(31,49,116)`
RGB Percent	12.2, 19.2, 45.5	`rgb(12.2%,19.2%,45.5%)`
CMYK	73, 58, 0, 55
HSL	227.3°, 57.8, 28.8	`hsl(227.3,57.8%,28.8%)`
HSV (or HSB)	227.3°, 73.3, 45.5
Web Safe	333366	`#333366`

CIE-LAB	22.822, 17.672, -40.742
XYZ	4.815, 3.749, 16.992
xyY	0.188, 0.147, 3.749
CIE-LCH	22.822, 44.41, 293.449
CIE-LUV	22.822, -7.685, -49.595
Hunter-Lab	19.361, 10.51, -38.481
Binary	00011111, 00110001, 01110100

#1f3174
```
#1f3174 rgb(31,49,116)
```
#74621f
```
#74621f rgb(116,98,31)
```

Complementary Color

#1f5c74
```
#1f5c74 rgb(31,92,116)
```
#1f3174
```
#1f3174 rgb(31,49,116)
```
#371f74
```
#371f74 rgb(55,31,116)
```

Analogous Color

#5c741f
```
#5c741f rgb(92,116,31)
```
#1f3174
```
#1f3174 rgb(31,49,116)
```
#74381f
```
#74381f rgb(116,56,31)
```

Split Complementary Color

#31741f
```
#31741f rgb(49,116,31)
```
#1f3174
```
#1f3174 rgb(31,49,116)
```
#741f31
```
#741f31 rgb(116,31,49)
```

Triadic Color

#0f1838
```
#0f1838 rgb(15,24,56)
```
#14204c
```
#14204c rgb(20,32,76)
```
#1a2960
```
#1a2960 rgb(26,41,96)
```
#1f3174
```
#1f3174 rgb(31,49,116)
```
#243a88
```
#243a88 rgb(36,58,136)
```
#2a429c
```
#2a429c rgb(42,66,156)
```
#2f4bb0
```
#2f4bb0 rgb(47,75,176)
```

Monochromatic Color

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

#1f4674
```
#1f4674 rgb(31,70,116)
```
#1f3f74
```
#1f3f74 rgb(31,63,116)
```
#1f3874
```
#1f3874 rgb(31,56,116)
```
#1f3174
```
#1f3174 rgb(31,49,116)
```
#1f2a74
```
#1f2a74 rgb(31,42,116)
```
#1f2374
```
#1f2374 rgb(31,35,116)
```
#221f74
```
#221f74 rgb(34,31,116)
```

Similar Colors

Text with hexadecimal color #1f3174

This text has a font color of #1f3174.

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

#1f3174 background color

This paragraph has a background color of #1f3174.

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

#1f3174 border color

This element has a border color of #1f3174.

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

CSS codes

.text {color:#1f3174;}

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

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

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

#020308
```
#020308 rgb(2,3,8)
```
#060a17
```
#060a17 rgb(6,10,23)
```
#0a1027
```
#0a1027 rgb(10,16,39)
```
#0e1736
```
#0e1736 rgb(14,23,54)
```
#131d46
```
#131d46 rgb(19,29,70)
```
#172455
```
#172455 rgb(23,36,85)
```
#1b2a65
```
#1b2a65 rgb(27,42,101)
```
#1f3174
```
#1f3174 rgb(31,49,116)
```
#233883
```
#233883 rgb(35,56,131)
```
#273e93
```
#273e93 rgb(39,62,147)
```
#2b45a2
```
#2b45a2 rgb(43,69,162)
```
#304bb2
```
#304bb2 rgb(48,75,178)
```
#3452c1
```
#3452c1 rgb(52,82,193)
```

Shade Color Variation

#3d5bcb
```
#3d5bcb rgb(61,91,203)
```
#4d69cf
```
#4d69cf rgb(77,105,207)
```
#5c76d4
```
#5c76d4 rgb(92,118,212)
```
#6c83d8
```
#6c83d8 rgb(108,131,216)
```
#7b90dc
```
#7b90dc rgb(123,144,220)
```
#8b9de0
```
#8b9de0 rgb(139,157,224)
```
#9aaae4
```
#9aaae4 rgb(154,170,228)
```
#aab7e8
```
#aab7e8 rgb(170,183,232)
```
#b9c4ec
```
#b9c4ec rgb(185,196,236)
```
#c9d1f0
```
#c9d1f0 rgb(201,209,240)
```
#d8def5
```
#d8def5 rgb(216,222,245)
```
#e8ebf9
```
#e8ebf9 rgb(232,235,249)
```
#f7f8fd
```
#f7f8fd rgb(247,248,253)
```

Tint Color Variation

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

#47484c
```
#47484c rgb(71,72,76)
```
#414552
```
#414552 rgb(65,69,82)
```
#3b4158
```
#3b4158 rgb(59,65,88)
```
#363e5d
```
#363e5d rgb(54,62,93)
```
#303b63
```
#303b63 rgb(48,59,99)
```
#2a3869
```
#2a3869 rgb(42,56,105)
```
#25346e
```
#25346e rgb(37,52,110)
```
#1f3174
```
#1f3174 rgb(31,49,116)
```
#192e7a
```
#192e7a rgb(25,46,122)
```
#142a7f
```
#142a7f rgb(20,42,127)
```
#0e2785
```
#0e2785 rgb(14,39,133)
```
#08248b
```
#08248b rgb(8,36,139)
```
#032190
```
#032190 rgb(3,33,144)
```

Tone Color Variation

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

#333333 Achromatopsia 0.005% of the population
#2f3340 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003e7b Protanopia 1% of men
#00426c Deuteranopia 1% of men
#00474b Tritanopia 0.001% of the population

Trichromacy

#0b3978 Protanomaly 1% of men, 0.01% of women
#0b3c6f Deuteranomaly 6% of men, 0.4% of women
#0b3f5a Tritanomaly 0.01% of the population