#1f347b hex color

In a RGB color space, hex #1f347b is composed of 12.2% red, 20.4% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 57.7% magenta, 0% yellow and 51.8% black. It has a hue angle of 226.3 degrees, a saturation of 59.7% and a lightness of 30.2%. #1f347b color hex could be obtained by blending #3e68f6 with #000000. Closest websafe color is: #333366.

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

● #1f347b color description : Dark blue.

The hexadecimal color #1f347b has RGB values of R:31, G:52, B:123 and CMYK values of C:0.75, M:0.58, Y:0, K:0.52. Its decimal value is 2045051.

Hex triplet	1f347b	`#1f347b`
RGB Decimal	31, 52, 123	`rgb(31,52,123)`
RGB Percent	12.2, 20.4, 48.2	`rgb(12.2%,20.4%,48.2%)`
CMYK	75, 58, 0, 52
HSL	226.3°, 59.7, 30.2	`hsl(226.3,59.7%,30.2%)`
HSV (or HSB)	226.3°, 74.8, 48.2
Web Safe	333366	`#333366`

CIE-LAB	24.248, 18.345, -42.878
XYZ	5.367, 4.177, 19.261
xyY	0.186, 0.145, 4.177
CIE-LCH	24.248, 46.638, 293.163
CIE-LUV	24.248, -8.568, -53.437
Hunter-Lab	20.438, 11.113, -41.57
Binary	00011111, 00110100, 01111011

#1f347b
```
#1f347b rgb(31,52,123)
```
#7b661f
```
#7b661f rgb(123,102,31)
```

Complementary Color

#1f627b
```
#1f627b rgb(31,98,123)
```
#1f347b
```
#1f347b rgb(31,52,123)
```
#381f7b
```
#381f7b rgb(56,31,123)
```

Analogous Color

#627b1f
```
#627b1f rgb(98,123,31)
```
#1f347b
```
#1f347b rgb(31,52,123)
```
#7b381f
```
#7b381f rgb(123,56,31)
```

Split Complementary Color

#347b1f
```
#347b1f rgb(52,123,31)
```
#1f347b
```
#1f347b rgb(31,52,123)
```
#7b1f34
```
#7b1f34 rgb(123,31,52)
```

Triadic Color

#1f7b66
```
#1f7b66 rgb(31,123,102)
```
#1f347b
```
#1f347b rgb(31,52,123)
```
#7b1f34
```
#7b1f34 rgb(123,31,52)
```
#7b661f
```
#7b661f rgb(123,102,31)
```

Tetradic Color

#101a3e
```
#101a3e rgb(16,26,62)
```
#152352
```
#152352 rgb(21,35,82)
```
#1a2b67
```
#1a2b67 rgb(26,43,103)
```
#1f347b
```
#1f347b rgb(31,52,123)
```
#243d8f
```
#243d8f rgb(36,61,143)
```
#2945a4
```
#2945a4 rgb(41,69,164)
```
#2e4eb8
```
#2e4eb8 rgb(46,78,184)
```

Monochromatic Color

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

#1f4b7b
```
#1f4b7b rgb(31,75,123)
```
#1f437b
```
#1f437b rgb(31,67,123)
```
#1f3c7b
```
#1f3c7b rgb(31,60,123)
```
#1f347b
```
#1f347b rgb(31,52,123)
```
#1f2c7b
```
#1f2c7b rgb(31,44,123)
```
#1f257b
```
#1f257b rgb(31,37,123)
```
#211f7b
```
#211f7b rgb(33,31,123)
```

Similar Colors

Text with hexadecimal color #1f347b

This text has a font color of #1f347b.

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

#1f347b background color

This paragraph has a background color of #1f347b.

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

#1f347b border color

This element has a border color of #1f347b.

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

CSS codes

.text {color:#1f347b;}

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

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

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, #03060d is the darkest color, while #fdfdfe is the lightest one.

#03060d
```
#03060d rgb(3,6,13)
```
#070c1d
```
#070c1d rgb(7,12,29)
```
#0b132d
```
#0b132d rgb(11,19,45)
```
#0f1a3c
```
#0f1a3c rgb(15,26,60)
```
#13204c
```
#13204c rgb(19,32,76)
```
#17275c
```
#17275c rgb(23,39,92)
```
#1b2d6b
```
#1b2d6b rgb(27,45,107)
```
#1f347b
```
#1f347b rgb(31,52,123)
```
#233b8b
```
#233b8b rgb(35,59,139)
```
#27419a
```
#27419a rgb(39,65,154)
```
#2b48aa
```
#2b48aa rgb(43,72,170)
```
#2f4eba
```
#2f4eba rgb(47,78,186)
```
#3355c9
```
#3355c9 rgb(51,85,201)
```

Shade Color Variation

#4161cf
```
#4161cf rgb(65,97,207)
```
#506ed3
```
#506ed3 rgb(80,110,211)
```
#607bd7
```
#607bd7 rgb(96,123,215)
```
#7088db
```
#7088db rgb(112,136,219)
```
#7f95df
```
#7f95df rgb(127,149,223)
```
#8fa2e3
```
#8fa2e3 rgb(143,162,227)
```
#9fafe7
```
#9fafe7 rgb(159,175,231)
```
#aebceb
```
#aebceb rgb(174,188,235)
```
#bec9ef
```
#bec9ef rgb(190,201,239)
```
#ced6f3
```
#ced6f3 rgb(206,214,243)
```
#dde3f7
```
#dde3f7 rgb(221,227,247)
```
#edf0fa
```
#edf0fa rgb(237,240,250)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #484b52 is the less saturated color, while #012499 is the most saturated one.

#484b52
```
#484b52 rgb(72,75,82)
```
#434757
```
#434757 rgb(67,71,87)
```
#3d445d
```
#3d445d rgb(61,68,93)
```
#374163
```
#374163 rgb(55,65,99)
```
#313e69
```
#313e69 rgb(49,62,105)
```
#2b3a6f
```
#2b3a6f rgb(43,58,111)
```
#253775
```
#253775 rgb(37,55,117)
```
#1f347b
```
#1f347b rgb(31,52,123)
```
#193181
```
#193181 rgb(25,49,129)
```
#132e87
```
#132e87 rgb(19,46,135)
```
#0d2a8d
```
#0d2a8d rgb(13,42,141)
```
#072793
```
#072793 rgb(7,39,147)
```
#012499
```
#012499 rgb(1,36,153)
```

Tone Color Variation

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

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

Trichromacy

#0b3c7e Protanomaly 1% of men, 0.01% of women
#0b3f74 Deuteranomaly 6% of men, 0.4% of women
#0b425f Tritanomaly 0.01% of the population

#1f347b hex color

#1f347b Color Information

#1f347b Color Conversion

Color Schemes with #1f347b

Alternatives to #1f347b

#1f347b Preview

Shades and Tints of #1f347b

Tones of #1f347b

Color Blindness Simulator