#1f4174 hex color

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

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

● #1f4174 color description : Dark blue.

The hexadecimal color #1f4174 has RGB values of R:31, G:65, B:116 and CMYK values of C:0.73, M:0.44, Y:0, K:0.55. Its decimal value is 2048372.

Hex triplet	1f4174	`#1f4174`
RGB Decimal	31, 65, 116	`rgb(31,65,116)`
RGB Percent	12.2, 25.5, 45.5	`rgb(12.2%,25.5%,45.5%)`
CMYK	73, 44, 0, 55
HSL	216°, 57.8, 28.8	`hsl(216,57.8%,28.8%)`
HSV (or HSB)	216°, 73.3, 45.5
Web Safe	333366	`#333366`

CIE-LAB	27.662, 6.445, -32.953
XYZ	5.607, 5.332, 17.256
xyY	0.199, 0.189, 5.332
CIE-LCH	27.662, 33.577, 281.066
CIE-LUV	27.662, -12.428, -42.775
Hunter-Lab	23.092, 2.931, -28.141
Binary	00011111, 01000001, 01110100

#1f4174
```
#1f4174 rgb(31,65,116)
```
#74521f
```
#74521f rgb(116,82,31)
```

Complementary Color

#1f6c74
```
#1f6c74 rgb(31,108,116)
```
#1f4174
```
#1f4174 rgb(31,65,116)
```
#281f74
```
#281f74 rgb(40,31,116)
```

Analogous Color

#6c741f
```
#6c741f rgb(108,116,31)
```
#1f4174
```
#1f4174 rgb(31,65,116)
```
#74281f
```
#74281f rgb(116,40,31)
```

Split Complementary Color

#41741f
```
#41741f rgb(65,116,31)
```
#1f4174
```
#1f4174 rgb(31,65,116)
```
#741f41
```
#741f41 rgb(116,31,65)
```

Triadic Color

#1f7452
```
#1f7452 rgb(31,116,82)
```
#1f4174
```
#1f4174 rgb(31,65,116)
```
#741f41
```
#741f41 rgb(116,31,65)
```
#74521f
```
#74521f rgb(116,82,31)
```

Tetradic Color

#0f1f38
```
#0f1f38 rgb(15,31,56)
```
#142a4c
```
#142a4c rgb(20,42,76)
```
#1a3660
```
#1a3660 rgb(26,54,96)
```
#1f4174
```
#1f4174 rgb(31,65,116)
```
#244c88
```
#244c88 rgb(36,76,136)
```
#2a589c
```
#2a589c rgb(42,88,156)
```
#2f63b0
```
#2f63b0 rgb(47,99,176)
```

Monochromatic Color

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

#1f5674
```
#1f5674 rgb(31,86,116)
```
#1f4f74
```
#1f4f74 rgb(31,79,116)
```
#1f4874
```
#1f4874 rgb(31,72,116)
```
#1f4174
```
#1f4174 rgb(31,65,116)
```
#1f3a74
```
#1f3a74 rgb(31,58,116)
```
#1f3374
```
#1f3374 rgb(31,51,116)
```
#1f2c74
```
#1f2c74 rgb(31,44,116)
```

Similar Colors

Text with hexadecimal color #1f4174

This text has a font color of #1f4174.

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

#1f4174 background color

This paragraph has a background color of #1f4174.

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

#1f4174 border color

This element has a border color of #1f4174.

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

CSS codes

.text {color:#1f4174;}

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

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

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

#020408
```
#020408 rgb(2,4,8)
```
#060d17
```
#060d17 rgb(6,13,23)
```
#0a1627
```
#0a1627 rgb(10,22,39)
```
#0e1e36
```
#0e1e36 rgb(14,30,54)
```
#132746
```
#132746 rgb(19,39,70)
```
#173055
```
#173055 rgb(23,48,85)
```
#1b3865
```
#1b3865 rgb(27,56,101)
```
#1f4174
```
#1f4174 rgb(31,65,116)
```
#234a83
```
#234a83 rgb(35,74,131)
```
#275293
```
#275293 rgb(39,82,147)
```
#2b5ba2
```
#2b5ba2 rgb(43,91,162)
```
#3064b2
```
#3064b2 rgb(48,100,178)
```
#346cc1
```
#346cc1 rgb(52,108,193)
```

Shade Color Variation

#3d76cb
```
#3d76cb rgb(61,118,203)
```
#4d81cf
```
#4d81cf rgb(77,129,207)
```
#5c8cd4
```
#5c8cd4 rgb(92,140,212)
```
#6c97d8
```
#6c97d8 rgb(108,151,216)
```
#7ba2dc
```
#7ba2dc rgb(123,162,220)
```
#8bade0
```
#8bade0 rgb(139,173,224)
```
#9ab8e4
```
#9ab8e4 rgb(154,184,228)
```
#aac3e8
```
#aac3e8 rgb(170,195,232)
```
#b9ceec
```
#b9ceec rgb(185,206,236)
```
#c9d9f0
```
#c9d9f0 rgb(201,217,240)
```
#d8e4f5
```
#d8e4f5 rgb(216,228,245)
```
#e8eff9
```
#e8eff9 rgb(232,239,249)
```
#f7f9fd
```
#f7f9fd rgb(247,249,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 #033b90 is the most saturated one.

#47494c
```
#47494c rgb(71,73,76)
```
#414852
```
#414852 rgb(65,72,82)
```
#3b4758
```
#3b4758 rgb(59,71,88)
```
#36465d
```
#36465d rgb(54,70,93)
```
#304463
```
#304463 rgb(48,68,99)
```
#2a4369
```
#2a4369 rgb(42,67,105)
```
#25426e
```
#25426e rgb(37,66,110)
```
#1f4174
```
#1f4174 rgb(31,65,116)
```
#19407a
```
#19407a rgb(25,64,122)
```
#143f7f
```
#143f7f rgb(20,63,127)
```
#0e3e85
```
#0e3e85 rgb(14,62,133)
```
#083c8b
```
#083c8b rgb(8,60,139)
```
#033b90
```
#033b90 rgb(3,59,144)
```

Tone Color Variation

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

#3d3d3d Achromatopsia 0.005% of the population
#373e48 Atypical Achromatopsia 0.001% of the population

Dichromacy

#34497a Protanopia 1% of men
#224b7a Deuteranopia 1% of men
#005258 Tritanopia 0.001% of the population

Trichromacy

#2c4677 Protanomaly 1% of men, 0.01% of women
#214778 Deuteranomaly 6% of men, 0.4% of women
#0b4c62 Tritanomaly 0.01% of the population

#1f4174 hex color

#1f4174 Color Information

#1f4174 Color Conversion

Color Schemes with #1f4174

Alternatives to #1f4174

#1f4174 Preview

Shades and Tints of #1f4174

Tones of #1f4174

Color Blindness Simulator