#1f4a74 hex color

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

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

● #1f4a74 color description : Dark blue.

The hexadecimal color #1f4a74 has RGB values of R:31, G:74, B:116 and CMYK values of C:0.73, M:0.36, Y:0, K:0.55. Its decimal value is 2050676.

Hex triplet	1f4a74	`#1f4a74`
RGB Decimal	31, 74, 116	`rgb(31,74,116)`
RGB Percent	12.2, 29, 45.5	`rgb(12.2%,29%,45.5%)`
CMYK	73, 36, 0, 55
HSL	209.6°, 57.8, 28.8	`hsl(209.6,57.8%,28.8%)`
HSV (or HSB)	209.6°, 73.3, 45.5
Web Safe	333366	`#333366`

CIE-LAB	30.519, 0.387, -28.415
XYZ	6.165, 6.449, 17.442
xyY	0.205, 0.215, 6.449
CIE-LCH	30.519, 28.417, 270.781
CIE-LUV	30.519, -15.46, -37.459
Hunter-Lab	25.396, -1.106, -22.944
Binary	00011111, 01001010, 01110100

#1f4a74
```
#1f4a74 rgb(31,74,116)
```
#74491f
```
#74491f rgb(116,73,31)
```

Complementary Color

#1f7474
```
#1f7474 rgb(31,116,116)
```
#1f4a74
```
#1f4a74 rgb(31,74,116)
```
#1f2074
```
#1f2074 rgb(31,32,116)
```

Analogous Color

#74741f
```
#74741f rgb(116,116,31)
```
#1f4a74
```
#1f4a74 rgb(31,74,116)
```
#741f20
```
#741f20 rgb(116,31,32)
```

Split Complementary Color

#4a741f
```
#4a741f rgb(74,116,31)
```
#1f4a74
```
#1f4a74 rgb(31,74,116)
```
#741f4a
```
#741f4a rgb(116,31,74)
```

Triadic Color

#1f7449
```
#1f7449 rgb(31,116,73)
```
#1f4a74
```
#1f4a74 rgb(31,74,116)
```
#741f4a
```
#741f4a rgb(116,31,74)
```
#74491f
```
#74491f rgb(116,73,31)
```

Tetradic Color

#0f2338
```
#0f2338 rgb(15,35,56)
```
#14304c
```
#14304c rgb(20,48,76)
```
#1a3d60
```
#1a3d60 rgb(26,61,96)
```
#1f4a74
```
#1f4a74 rgb(31,74,116)
```
#245788
```
#245788 rgb(36,87,136)
```
#2a649c
```
#2a649c rgb(42,100,156)
```
#2f71b0
```
#2f71b0 rgb(47,113,176)
```

Monochromatic Color

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

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

Similar Colors

Text with hexadecimal color #1f4a74

This text has a font color of #1f4a74.

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

#1f4a74 background color

This paragraph has a background color of #1f4a74.

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

#1f4a74 border color

This element has a border color of #1f4a74.

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

CSS codes

.text {color:#1f4a74;}

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

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

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)
```
#060f17
```
#060f17 rgb(6,15,23)
```
#0a1927
```
#0a1927 rgb(10,25,39)
```
#0e2336
```
#0e2336 rgb(14,35,54)
```
#132c46
```
#132c46 rgb(19,44,70)
```
#173655
```
#173655 rgb(23,54,85)
```
#1b4065
```
#1b4065 rgb(27,64,101)
```
#1f4a74
```
#1f4a74 rgb(31,74,116)
```
#235483
```
#235483 rgb(35,84,131)
```
#275e93
```
#275e93 rgb(39,94,147)
```
#2b68a2
```
#2b68a2 rgb(43,104,162)
```
#3071b2
```
#3071b2 rgb(48,113,178)
```
#347bc1
```
#347bc1 rgb(52,123,193)
```

Shade Color Variation

#3d85cb
```
#3d85cb rgb(61,133,203)
```
#4d8fcf
```
#4d8fcf rgb(77,143,207)
```
#5c99d4
```
#5c99d4 rgb(92,153,212)
```
#6ca2d8
```
#6ca2d8 rgb(108,162,216)
```
#7bacdc
```
#7bacdc rgb(123,172,220)
```
#8bb6e0
```
#8bb6e0 rgb(139,182,224)
```
#9ac0e4
```
#9ac0e4 rgb(154,192,228)
```
#aac9e8
```
#aac9e8 rgb(170,201,232)
```
#b9d3ec
```
#b9d3ec rgb(185,211,236)
```
#c9ddf0
```
#c9ddf0 rgb(201,221,240)
```
#d8e7f5
```
#d8e7f5 rgb(216,231,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, #474a4c is the less saturated color, while #034a90 is the most saturated one.

#474a4c
```
#474a4c rgb(71,74,76)
```
#414a52
```
#414a52 rgb(65,74,82)
```
#3b4a58
```
#3b4a58 rgb(59,74,88)
```
#364a5d
```
#364a5d rgb(54,74,93)
```
#304a63
```
#304a63 rgb(48,74,99)
```
#2a4a69
```
#2a4a69 rgb(42,74,105)
```
#254a6e
```
#254a6e rgb(37,74,110)
```
#1f4a74
```
#1f4a74 rgb(31,74,116)
```
#194a7a
```
#194a7a rgb(25,74,122)
```
#144a7f
```
#144a7f rgb(20,74,127)
```
#0e4a85
```
#0e4a85 rgb(14,74,133)
```
#084a8b
```
#084a8b rgb(8,74,139)
```
#034a90
```
#034a90 rgb(3,74,144)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3b444c Atypical Achromatopsia 0.001% of the population

Dichromacy

#415078 Protanopia 1% of men
#36517c Deuteranopia 1% of men
#00595f Tritanopia 0.001% of the population

Trichromacy

#344d76 Protanomaly 1% of men, 0.01% of women
#2e4e79 Deuteranomaly 6% of men, 0.4% of women
#0b5367 Tritanomaly 0.01% of the population

#1f4a74 hex color

#1f4a74 Color Information

#1f4a74 Color Conversion

Color Schemes with #1f4a74

Alternatives to #1f4a74

#1f4a74 Preview

Shades and Tints of #1f4a74

Tones of #1f4a74

Color Blindness Simulator