colorhexa.com

#1f4874 hex color

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

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

● #1f4874 color description : Dark blue.

The hexadecimal color #1f4874 has RGB values of R:31, G:72, B:116 and CMYK values of C:0.73, M:0.38, Y:0, K:0.55. Its decimal value is 2050164.

Hex triplet	1f4874	`#1f4874`
RGB Decimal	31, 72, 116	`rgb(31,72,116)`
RGB Percent	12.2, 28.2, 45.5	`rgb(12.2%,28.2%,45.5%)`
CMYK	73, 38, 0, 55
HSL	211.1°, 57.8, 28.8	`hsl(211.1,57.8%,28.8%)`
HSV (or HSB)	211.1°, 73.3, 45.5
Web Safe	333366	`#333366`

CIE-LAB	29.878, 1.711, -29.428
XYZ	6.034, 6.187, 17.398
xyY	0.204, 0.209, 6.187
CIE-LCH	29.878, 29.478, 273.328
CIE-LUV	29.878, -14.769, -38.713
Hunter-Lab	24.873, -0.224, -24.062
Binary	00011111, 01001000, 01110100

#1f4874
```
#1f4874 rgb(31,72,116)
```
#744b1f
```
#744b1f rgb(116,75,31)
```

Complementary Color

#1f7374
```
#1f7374 rgb(31,115,116)
```
#1f4874
```
#1f4874 rgb(31,72,116)
```
#211f74
```
#211f74 rgb(33,31,116)
```

Analogous Color

#73741f
```
#73741f rgb(115,116,31)
```
#1f4874
```
#1f4874 rgb(31,72,116)
```
#74211f
```
#74211f rgb(116,33,31)
```

Split Complementary Color

#48741f
```
#48741f rgb(72,116,31)
```
#1f4874
```
#1f4874 rgb(31,72,116)
```
#741f48
```
#741f48 rgb(116,31,72)
```

Triadic Color

#0f2338
```
#0f2338 rgb(15,35,56)
```
#142f4c
```
#142f4c rgb(20,47,76)
```
#1a3c60
```
#1a3c60 rgb(26,60,96)
```
#1f4874
```
#1f4874 rgb(31,72,116)
```
#245488
```
#245488 rgb(36,84,136)
```
#2a619c
```
#2a619c rgb(42,97,156)
```
#2f6db0
```
#2f6db0 rgb(47,109,176)
```

Monochromatic Color

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

#1f5d74
```
#1f5d74 rgb(31,93,116)
```
#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)
```

Similar Colors

Text with hexadecimal color #1f4874

This text has a font color of #1f4874.

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

#1f4874 background color

This paragraph has a background color of #1f4874.

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

#1f4874 border color

This element has a border color of #1f4874.

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

CSS codes

.text {color:#1f4874;}

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

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

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)
```
#0a1827
```
#0a1827 rgb(10,24,39)
```
#0e2236
```
#0e2236 rgb(14,34,54)
```
#132b46
```
#132b46 rgb(19,43,70)
```
#173555
```
#173555 rgb(23,53,85)
```
#1b3e65
```
#1b3e65 rgb(27,62,101)
```
#1f4874
```
#1f4874 rgb(31,72,116)
```
#235283
```
#235283 rgb(35,82,131)
```
#275b93
```
#275b93 rgb(39,91,147)
```
#2b65a2
```
#2b65a2 rgb(43,101,162)
```
#306eb2
```
#306eb2 rgb(48,110,178)
```
#3478c1
```
#3478c1 rgb(52,120,193)
```

Shade Color Variation

#3d82cb
```
#3d82cb rgb(61,130,203)
```
#4d8ccf
```
#4d8ccf rgb(77,140,207)
```
#5c96d4
```
#5c96d4 rgb(92,150,212)
```
#6ca0d8
```
#6ca0d8 rgb(108,160,216)
```
#7baadc
```
#7baadc rgb(123,170,220)
```
#8bb4e0
```
#8bb4e0 rgb(139,180,224)
```
#9abee4
```
#9abee4 rgb(154,190,228)
```
#aac8e8
```
#aac8e8 rgb(170,200,232)
```
#b9d2ec
```
#b9d2ec rgb(185,210,236)
```
#c9dcf0
```
#c9dcf0 rgb(201,220,240)
```
#d8e6f5
```
#d8e6f5 rgb(216,230,245)
```
#e8f0f9
```
#e8f0f9 rgb(232,240,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 #034790 is the most saturated one.

#47494c
```
#47494c rgb(71,73,76)
```
#414952
```
#414952 rgb(65,73,82)
```
#3b4958
```
#3b4958 rgb(59,73,88)
```
#36495d
```
#36495d rgb(54,73,93)
```
#304963
```
#304963 rgb(48,73,99)
```
#2a4869
```
#2a4869 rgb(42,72,105)
```
#25486e
```
#25486e rgb(37,72,110)
```
#1f4874
```
#1f4874 rgb(31,72,116)
```
#19487a
```
#19487a rgb(25,72,122)
```
#14487f
```
#14487f rgb(20,72,127)
```
#0e4785
```
#0e4785 rgb(14,71,133)
```
#08478b
```
#08478b rgb(8,71,139)
```
#034790
```
#034790 rgb(3,71,144)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3a424b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e4e78 Protanopia 1% of men
#33507b Deuteranopia 1% of men
#00575e Tritanopia 0.001% of the population

Trichromacy

#334c77 Protanomaly 1% of men, 0.01% of women
#2b4d78 Deuteranomaly 6% of men, 0.4% of women
#0b5266 Tritanomaly 0.01% of the population