#1f347d hex color

In a RGB color space, hex #1f347d is composed of 12.2% red, 20.4% green and 49% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 58.4% magenta, 0% yellow and 51% black. It has a hue angle of 226.6 degrees, a saturation of 60.3% and a lightness of 30.6%. #1f347d color hex could be obtained by blending #3e68fa with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 12
- G 20
- B 49
RGB color chart
- C 75
- M 58
- Y 0
- K 51
CMYK color chart

● #1f347d color description : Dark blue.

The hexadecimal color #1f347d has RGB values of R:31, G:52, B:125 and CMYK values of C:0.75, M:0.58, Y:0, K:0.51. Its decimal value is 2045053.

Hex triplet	1f347d	`#1f347d`
RGB Decimal	31, 52, 125	`rgb(31,52,125)`
RGB Percent	12.2, 20.4, 49	`rgb(12.2%,20.4%,49%)`
CMYK	75, 58, 0, 51
HSL	226.6°, 60.3, 30.6	`hsl(226.6,60.3%,30.6%)`
HSV (or HSB)	226.6°, 75.2, 49
Web Safe	333366	`#333366`

CIE-LAB	24.41, 19.143, -43.879
XYZ	5.494, 4.228, 19.927
xyY	0.185, 0.143, 4.228
CIE-LCH	24.41, 47.873, 293.57
CIE-LUV	24.41, -8.591, -54.796
Hunter-Lab	20.561, 11.713, -43.07
Binary	00011111, 00110100, 01111101

#1f347d
```
#1f347d rgb(31,52,125)
```
#7d681f
```
#7d681f rgb(125,104,31)
```

Complementary Color

#1f637d
```
#1f637d rgb(31,99,125)
```
#1f347d
```
#1f347d rgb(31,52,125)
```
#391f7d
```
#391f7d rgb(57,31,125)
```

Analogous Color

#637d1f
```
#637d1f rgb(99,125,31)
```
#1f347d
```
#1f347d rgb(31,52,125)
```
#7d391f
```
#7d391f rgb(125,57,31)
```

Split Complementary Color

#347d1f
```
#347d1f rgb(52,125,31)
```
#1f347d
```
#1f347d rgb(31,52,125)
```
#7d1f34
```
#7d1f34 rgb(125,31,52)
```

Triadic Color

#1f7d68
```
#1f7d68 rgb(31,125,104)
```
#1f347d
```
#1f347d rgb(31,52,125)
```
#7d1f34
```
#7d1f34 rgb(125,31,52)
```
#7d681f
```
#7d681f rgb(125,104,31)
```

Tetradic Color

#101b40
```
#101b40 rgb(16,27,64)
```
#152354
```
#152354 rgb(21,35,84)
```
#1a2c69
```
#1a2c69 rgb(26,44,105)
```
#1f347d
```
#1f347d rgb(31,52,125)
```
#243d91
```
#243d91 rgb(36,61,145)
```
#2945a6
```
#2945a6 rgb(41,69,166)
```
#2e4eba
```
#2e4eba rgb(46,78,186)
```

Monochromatic Color

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

#1f4c7d
```
#1f4c7d rgb(31,76,125)
```
#1f447d
```
#1f447d rgb(31,68,125)
```
#1f3c7d
```
#1f3c7d rgb(31,60,125)
```
#1f347d
```
#1f347d rgb(31,52,125)
```
#1f2c7d
```
#1f2c7d rgb(31,44,125)
```
#1f247d
```
#1f247d rgb(31,36,125)
```
#221f7d
```
#221f7d rgb(34,31,125)
```

Similar Colors

Text with hexadecimal color #1f347d

This text has a font color of #1f347d.

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

#1f347d background color

This paragraph has a background color of #1f347d.

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

#1f347d border color

This element has a border color of #1f347d.

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

CSS codes

.text {color:#1f347d;}

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

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

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, #04060f is the darkest color, while #fefeff is the lightest one.

#04060f
```
#04060f rgb(4,6,15)
```
#080d1f
```
#080d1f rgb(8,13,31)
```
#0c132e
```
#0c132e rgb(12,19,46)
```
#0f1a3e
```
#0f1a3e rgb(15,26,62)
```
#13204e
```
#13204e rgb(19,32,78)
```
#17275e
```
#17275e rgb(23,39,94)
```
#1b2d6d
```
#1b2d6d rgb(27,45,109)
```
#1f347d
```
#1f347d rgb(31,52,125)
```
#233b8d
```
#233b8d rgb(35,59,141)
```
#27419c
```
#27419c rgb(39,65,156)
```
#2b48ac
```
#2b48ac rgb(43,72,172)
```
#2f4ebc
```
#2f4ebc rgb(47,78,188)
```
#3255cc
```
#3255cc rgb(50,85,204)
```

Shade Color Variation

#4261d0
```
#4261d0 rgb(66,97,208)
```
#516fd4
```
#516fd4 rgb(81,111,212)
```
#617cd8
```
#617cd8 rgb(97,124,216)
```
#7189dc
```
#7189dc rgb(113,137,220)
```
#8196e0
```
#8196e0 rgb(129,150,224)
```
#90a3e4
```
#90a3e4 rgb(144,163,228)
```
#a0b0e7
```
#a0b0e7 rgb(160,176,231)
```
#b0bdeb
```
#b0bdeb rgb(176,189,235)
```
#bfcaef
```
#bfcaef rgb(191,202,239)
```
#cfd7f3
```
#cfd7f3 rgb(207,215,243)
```
#dfe4f7
```
#dfe4f7 rgb(223,228,247)
```
#eff1fb
```
#eff1fb rgb(239,241,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #494b53 is the less saturated color, while #01239b is the most saturated one.

#494b53
```
#494b53 rgb(73,75,83)
```
#434859
```
#434859 rgb(67,72,89)
```
#3d455f
```
#3d455f rgb(61,69,95)
```
#374165
```
#374165 rgb(55,65,101)
```
#313e6b
```
#313e6b rgb(49,62,107)
```
#2b3b71
```
#2b3b71 rgb(43,59,113)
```
#253777
```
#253777 rgb(37,55,119)
```
#1f347d
```
#1f347d rgb(31,52,125)
```
#193183
```
#193183 rgb(25,49,131)
```
#132d89
```
#132d89 rgb(19,45,137)
```
#0d2a8f
```
#0d2a8f rgb(13,42,143)
```
#072795
```
#072795 rgb(7,39,149)
```
#01239b
```
#01239b rgb(1,35,155)
```

Tone Color Variation

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

#363636 Achromatopsia 0.005% of the population
#313644 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004281 Protanopia 1% of men
#004571 Deuteranopia 1% of men
#004a4f Tritanopia 0.001% of the population

Trichromacy

#0b3c7f Protanomaly 1% of men, 0.01% of women
#0b3f75 Deuteranomaly 6% of men, 0.4% of women
#0b4260 Tritanomaly 0.01% of the population

#1f347d hex color

#1f347d Color Information

#1f347d Color Conversion

Color Schemes with #1f347d

Alternatives to #1f347d

#1f347d Preview

Shades and Tints of #1f347d

Tones of #1f347d

Color Blindness Simulator