#1f4074 hex color

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

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

● #1f4074 color description : Dark blue.

The hexadecimal color #1f4074 has RGB values of R:31, G:64, B:116 and CMYK values of C:0.73, M:0.45, Y:0, K:0.55. Its decimal value is 2048116.

Hex triplet	1f4074	`#1f4074`
RGB Decimal	31, 64, 116	`rgb(31,64,116)`
RGB Percent	12.2, 25.1, 45.5	`rgb(12.2%,25.1%,45.5%)`
CMYK	73, 45, 0, 55
HSL	216.7°, 57.8, 28.8	`hsl(216.7,57.8%,28.8%)`
HSV (or HSB)	216.7°, 73.3, 45.5
Web Safe	333366	`#333366`

CIE-LAB	27.349, 7.132, -33.453
XYZ	5.55, 5.219, 17.237
xyY	0.198, 0.186, 5.219
CIE-LCH	27.349, 34.205, 282.036
CIE-LUV	27.349, -12.105, -43.309
Hunter-Lab	22.844, 3.39, -28.745
Binary	00011111, 01000000, 01110100

#1f4074
```
#1f4074 rgb(31,64,116)
```
#74531f
```
#74531f rgb(116,83,31)
```

Complementary Color

#1f6b74
```
#1f6b74 rgb(31,107,116)
```
#1f4074
```
#1f4074 rgb(31,64,116)
```
#291f74
```
#291f74 rgb(41,31,116)
```

Analogous Color

#6b741f
```
#6b741f rgb(107,116,31)
```
#1f4074
```
#1f4074 rgb(31,64,116)
```
#74291f
```
#74291f rgb(116,41,31)
```

Split Complementary Color

#40741f
```
#40741f rgb(64,116,31)
```
#1f4074
```
#1f4074 rgb(31,64,116)
```
#741f40
```
#741f40 rgb(116,31,64)
```

Triadic Color

#1f7453
```
#1f7453 rgb(31,116,83)
```
#1f4074
```
#1f4074 rgb(31,64,116)
```
#741f40
```
#741f40 rgb(116,31,64)
```
#74531f
```
#74531f rgb(116,83,31)
```

Tetradic Color

#0f1f38
```
#0f1f38 rgb(15,31,56)
```
#142a4c
```
#142a4c rgb(20,42,76)
```
#1a3560
```
#1a3560 rgb(26,53,96)
```
#1f4074
```
#1f4074 rgb(31,64,116)
```
#244b88
```
#244b88 rgb(36,75,136)
```
#2a569c
```
#2a569c rgb(42,86,156)
```
#2f61b0
```
#2f61b0 rgb(47,97,176)
```

Monochromatic Color

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

#1f5574
```
#1f5574 rgb(31,85,116)
```
#1f4e74
```
#1f4e74 rgb(31,78,116)
```
#1f4774
```
#1f4774 rgb(31,71,116)
```
#1f4074
```
#1f4074 rgb(31,64,116)
```
#1f3974
```
#1f3974 rgb(31,57,116)
```
#1f3274
```
#1f3274 rgb(31,50,116)
```
#1f2b74
```
#1f2b74 rgb(31,43,116)
```

Similar Colors

Text with hexadecimal color #1f4074

This text has a font color of #1f4074.

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

#1f4074 background color

This paragraph has a background color of #1f4074.

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

#1f4074 border color

This element has a border color of #1f4074.

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

CSS codes

.text {color:#1f4074;}

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

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

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)
```
#0a1527
```
#0a1527 rgb(10,21,39)
```
#0e1e36
```
#0e1e36 rgb(14,30,54)
```
#132646
```
#132646 rgb(19,38,70)
```
#172f55
```
#172f55 rgb(23,47,85)
```
#1b3765
```
#1b3765 rgb(27,55,101)
```
#1f4074
```
#1f4074 rgb(31,64,116)
```
#234983
```
#234983 rgb(35,73,131)
```
#275193
```
#275193 rgb(39,81,147)
```
#2b5aa2
```
#2b5aa2 rgb(43,90,162)
```
#3062b2
```
#3062b2 rgb(48,98,178)
```
#346bc1
```
#346bc1 rgb(52,107,193)
```

Shade Color Variation

#3d74cb
```
#3d74cb rgb(61,116,203)
```
#4d80cf
```
#4d80cf rgb(77,128,207)
```
#5c8bd4
```
#5c8bd4 rgb(92,139,212)
```
#6c96d8
```
#6c96d8 rgb(108,150,216)
```
#7ba1dc
```
#7ba1dc rgb(123,161,220)
```
#8bace0
```
#8bace0 rgb(139,172,224)
```
#9ab7e4
```
#9ab7e4 rgb(154,183,228)
```
#aac2e8
```
#aac2e8 rgb(170,194,232)
```
#b9cdec
```
#b9cdec rgb(185,205,236)
```
#c9d8f0
```
#c9d8f0 rgb(201,216,240)
```
#d8e3f5
```
#d8e3f5 rgb(216,227,245)
```
#e8eef9
```
#e8eef9 rgb(232,238,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 #033a90 is the most saturated one.

#47494c
```
#47494c rgb(71,73,76)
```
#414852
```
#414852 rgb(65,72,82)
```
#3b4658
```
#3b4658 rgb(59,70,88)
```
#36455d
```
#36455d rgb(54,69,93)
```
#304463
```
#304463 rgb(48,68,99)
```
#2a4369
```
#2a4369 rgb(42,67,105)
```
#25416e
```
#25416e rgb(37,65,110)
```
#1f4074
```
#1f4074 rgb(31,64,116)
```
#193f7a
```
#193f7a rgb(25,63,122)
```
#143d7f
```
#143d7f rgb(20,61,127)
```
#0e3c85
```
#0e3c85 rgb(14,60,133)
```
#083b8b
```
#083b8b rgb(8,59,139)
```
#033a90
```
#033a90 rgb(3,58,144)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#363d47 Atypical Achromatopsia 0.001% of the population

Dichromacy

#32487a Protanopia 1% of men
#1e4b7a Deuteranopia 1% of men
#005157 Tritanopia 0.001% of the population

Trichromacy

#2b4578 Protanomaly 1% of men, 0.01% of women
#1e4778 Deuteranomaly 6% of men, 0.4% of women
#0b4b61 Tritanomaly 0.01% of the population

#1f4074 hex color

#1f4074 Color Information

#1f4074 Color Conversion

Color Schemes with #1f4074

Alternatives to #1f4074

#1f4074 Preview

Shades and Tints of #1f4074

Tones of #1f4074

Color Blindness Simulator