#1f3d74 hex color

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

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

● #1f3d74 color description : Dark blue.

The hexadecimal color #1f3d74 has RGB values of R:31, G:61, B:116 and CMYK values of C:0.73, M:0.47, Y:0, K:0.55. Its decimal value is 2047348.

Hex triplet	1f3d74	`#1f3d74`
RGB Decimal	31, 61, 116	`rgb(31,61,116)`
RGB Percent	12.2, 23.9, 45.5	`rgb(12.2%,23.9%,45.5%)`
CMYK	73, 47, 0, 55
HSL	218.8°, 57.8, 28.8	`hsl(218.8,57.8%,28.8%)`
HSV (or HSB)	218.8°, 73.3, 45.5
Web Safe	333366	`#333366`

CIE-LAB	26.417, 9.21, -34.944
XYZ	5.386, 4.889, 17.182
xyY	0.196, 0.178, 4.889
CIE-LCH	26.417, 36.138, 284.766
CIE-LUV	26.417, -11.154, -44.833
Hunter-Lab	22.112, 4.779, -30.593
Binary	00011111, 00111101, 01110100

#1f3d74
```
#1f3d74 rgb(31,61,116)
```
#74561f
```
#74561f rgb(116,86,31)
```

Complementary Color

#1f6874
```
#1f6874 rgb(31,104,116)
```
#1f3d74
```
#1f3d74 rgb(31,61,116)
```
#2c1f74
```
#2c1f74 rgb(44,31,116)
```

Analogous Color

#68741f
```
#68741f rgb(104,116,31)
```
#1f3d74
```
#1f3d74 rgb(31,61,116)
```
#742c1f
```
#742c1f rgb(116,44,31)
```

Split Complementary Color

#3d741f
```
#3d741f rgb(61,116,31)
```
#1f3d74
```
#1f3d74 rgb(31,61,116)
```
#741f3d
```
#741f3d rgb(116,31,61)
```

Triadic Color

#1f7456
```
#1f7456 rgb(31,116,86)
```
#1f3d74
```
#1f3d74 rgb(31,61,116)
```
#741f3d
```
#741f3d rgb(116,31,61)
```
#74561f
```
#74561f rgb(116,86,31)
```

Tetradic Color

#0f1d38
```
#0f1d38 rgb(15,29,56)
```
#14284c
```
#14284c rgb(20,40,76)
```
#1a3260
```
#1a3260 rgb(26,50,96)
```
#1f3d74
```
#1f3d74 rgb(31,61,116)
```
#244888
```
#244888 rgb(36,72,136)
```
#2a529c
```
#2a529c rgb(42,82,156)
```
#2f5db0
```
#2f5db0 rgb(47,93,176)
```

Monochromatic Color

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

#1f5274
```
#1f5274 rgb(31,82,116)
```
#1f4b74
```
#1f4b74 rgb(31,75,116)
```
#1f4474
```
#1f4474 rgb(31,68,116)
```
#1f3d74
```
#1f3d74 rgb(31,61,116)
```
#1f3674
```
#1f3674 rgb(31,54,116)
```
#1f2f74
```
#1f2f74 rgb(31,47,116)
```
#1f2874
```
#1f2874 rgb(31,40,116)
```

Similar Colors

Text with hexadecimal color #1f3d74

This text has a font color of #1f3d74.

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

#1f3d74 background color

This paragraph has a background color of #1f3d74.

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

#1f3d74 border color

This element has a border color of #1f3d74.

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

CSS codes

.text {color:#1f3d74;}

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

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

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)
```
#060c17
```
#060c17 rgb(6,12,23)
```
#0a1427
```
#0a1427 rgb(10,20,39)
```
#0e1c36
```
#0e1c36 rgb(14,28,54)
```
#132546
```
#132546 rgb(19,37,70)
```
#172d55
```
#172d55 rgb(23,45,85)
```
#1b3565
```
#1b3565 rgb(27,53,101)
```
#1f3d74
```
#1f3d74 rgb(31,61,116)
```
#234583
```
#234583 rgb(35,69,131)
```
#274d93
```
#274d93 rgb(39,77,147)
```
#2b55a2
```
#2b55a2 rgb(43,85,162)
```
#305eb2
```
#305eb2 rgb(48,94,178)
```
#3466c1
```
#3466c1 rgb(52,102,193)
```

Shade Color Variation

#3d6fcb
```
#3d6fcb rgb(61,111,203)
```
#4d7bcf
```
#4d7bcf rgb(77,123,207)
```
#5c86d4
```
#5c86d4 rgb(92,134,212)
```
#6c92d8
```
#6c92d8 rgb(108,146,216)
```
#7b9ddc
```
#7b9ddc rgb(123,157,220)
```
#8ba9e0
```
#8ba9e0 rgb(139,169,224)
```
#9ab4e4
```
#9ab4e4 rgb(154,180,228)
```
#aac0e8
```
#aac0e8 rgb(170,192,232)
```
#b9cbec
```
#b9cbec rgb(185,203,236)
```
#c9d7f0
```
#c9d7f0 rgb(201,215,240)
```
#d8e2f5
```
#d8e2f5 rgb(216,226,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 #033590 is the most saturated one.

#47494c
```
#47494c rgb(71,73,76)
```
#414752
```
#414752 rgb(65,71,82)
```
#3b4558
```
#3b4558 rgb(59,69,88)
```
#36445d
```
#36445d rgb(54,68,93)
```
#304263
```
#304263 rgb(48,66,99)
```
#2a4069
```
#2a4069 rgb(42,64,105)
```
#253f6e
```
#253f6e rgb(37,63,110)
```
#1f3d74
```
#1f3d74 rgb(31,61,116)
```
#193b7a
```
#193b7a rgb(25,59,122)
```
#143a7f
```
#143a7f rgb(20,58,127)
```
#0e3885
```
#0e3885 rgb(14,56,133)
```
#08368b
```
#08368b rgb(8,54,139)
```
#033590
```
#033590 rgb(3,53,144)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#353b46 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d467a Protanopia 1% of men
#10497a Deuteranopia 1% of men
#004f55 Tritanopia 0.001% of the population

Trichromacy

#274378 Protanomaly 1% of men, 0.01% of women
#154577 Deuteranomaly 6% of men, 0.4% of women
#0b4860 Tritanomaly 0.01% of the population

#1f3d74 hex color

#1f3d74 Color Information

#1f3d74 Color Conversion

Color Schemes with #1f3d74

Alternatives to #1f3d74

#1f3d74 Preview

Shades and Tints of #1f3d74

Tones of #1f3d74

Color Blindness Simulator