colorhexa.com

#1f34a5 hex color

In a RGB color space, hex #1f34a5 is composed of 12.2% red, 20.4% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 68.5% magenta, 0% yellow and 35.3% black. It has a hue angle of 230.6 degrees, a saturation of 68.4% and a lightness of 38.4%. #1f34a5 color hex could be obtained by blending #3e68ff with #00004b. Closest websafe color is: #333399.

- R 12
- G 20
- B 65
RGB color chart
- C 81
- M 68
- Y 0
- K 35
CMYK color chart

● #1f34a5 color description : Dark blue.

The hexadecimal color #1f34a5 has RGB values of R:31, G:52, B:165 and CMYK values of C:0.81, M:0.68, Y:0, K:0.35. Its decimal value is 2045093.

Hex triplet	1f34a5	`#1f34a5`
RGB Decimal	31, 52, 165	`rgb(31,52,165)`
RGB Percent	12.2, 20.4, 64.7	`rgb(12.2%,20.4%,64.7%)`
CMYK	81, 68, 0, 35
HSL	230.6°, 68.4, 38.4	`hsl(230.6,68.4%,38.4%)`
HSV (or HSB)	230.6°, 81.2, 64.7
Web Safe	333399	`#333399`

CIE-LAB	28.016, 34.599, -62.659
XYZ	8.583, 5.463, 36.197
xyY	0.171, 0.109, 5.463
CIE-LCH	28.016, 71.577, 298.907
CIE-LUV	28.016, -9.259, -80.638
Hunter-Lab	23.374, 24.644, -75.457
Binary	00011111, 00110100, 10100101

#1f34a5
```
#1f34a5 rgb(31,52,165)
```
#a5901f
```
#a5901f rgb(165,144,31)
```

Complementary Color

#1f77a5
```
#1f77a5 rgb(31,119,165)
```
#1f34a5
```
#1f34a5 rgb(31,52,165)
```
#4d1fa5
```
#4d1fa5 rgb(77,31,165)
```

Analogous Color

#77a51f
```
#77a51f rgb(119,165,31)
```
#1f34a5
```
#1f34a5 rgb(31,52,165)
```
#a54d1f
```
#a54d1f rgb(165,77,31)
```

Split Complementary Color

#34a51f
```
#34a51f rgb(52,165,31)
```
#1f34a5
```
#1f34a5 rgb(31,52,165)
```
#a51f34
```
#a51f34 rgb(165,31,52)
```

Triadic Color

#1fa590
```
#1fa590 rgb(31,165,144)
```
#1f34a5
```
#1f34a5 rgb(31,52,165)
```
#a51f34
```
#a51f34 rgb(165,31,52)
```
#a5901f
```
#a5901f rgb(165,144,31)
```

Tetradic Color

#132065
```
#132065 rgb(19,32,101)
```
#17267a
```
#17267a rgb(23,38,122)
```
#1b2d90
```
#1b2d90 rgb(27,45,144)
```
#1f34a5
```
#1f34a5 rgb(31,52,165)
```
#233bba
```
#233bba rgb(35,59,186)
```
#2742d0
```
#2742d0 rgb(39,66,208)
```
#3751d9
```
#3751d9 rgb(55,81,217)
```

Monochromatic Color

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

#1f56a5
```
#1f56a5 rgb(31,86,165)
```
#1f4aa5
```
#1f4aa5 rgb(31,74,165)
```
#1f3fa5
```
#1f3fa5 rgb(31,63,165)
```
#1f34a5
```
#1f34a5 rgb(31,52,165)
```
#1f29a5
```
#1f29a5 rgb(31,41,165)
```
#201fa5
```
#201fa5 rgb(32,31,165)
```
#2b1fa5
```
#2b1fa5 rgb(43,31,165)
```

Similar Colors

Text with hexadecimal color #1f34a5

This text has a font color of #1f34a5.

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

#1f34a5 background color

This paragraph has a background color of #1f34a5.

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

#1f34a5 border color

This element has a border color of #1f34a5.

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

CSS codes

.text {color:#1f34a5;}

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

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

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, #030510 is the darkest color, while #ffffff is the lightest one.

#030510
```
#030510 rgb(3,5,16)
```
#060a21
```
#060a21 rgb(6,10,33)
```
#091031
```
#091031 rgb(9,16,49)
```
#0c1542
```
#0c1542 rgb(12,21,66)
```
#0f1a52
```
#0f1a52 rgb(15,26,82)
```
#131f63
```
#131f63 rgb(19,31,99)
```
#162473
```
#162473 rgb(22,36,115)
```
#192a84
```
#192a84 rgb(25,42,132)
```
#1c2f94
```
#1c2f94 rgb(28,47,148)
```
#1f34a5
```
#1f34a5 rgb(31,52,165)
```
#2239b6
```
#2239b6 rgb(34,57,182)
```
#253ec6
```
#253ec6 rgb(37,62,198)
```
#2844d7
```
#2844d7 rgb(40,68,215)
```

Shade Color Variation

#3952da
```
#3952da rgb(57,82,218)
```
#4960dd
```
#4960dd rgb(73,96,221)
```
#5a6fe0
```
#5a6fe0 rgb(90,111,224)
```
#6a7de3
```
#6a7de3 rgb(106,125,227)
```
#7b8ce6
```
#7b8ce6 rgb(123,140,230)
```
#8b9ae9
```
#8b9ae9 rgb(139,154,233)
```
#9ca8ec
```
#9ca8ec rgb(156,168,236)
```
#acb7ef
```
#acb7ef rgb(172,183,239)
```
#bdc5f3
```
#bdc5f3 rgb(189,197,243)
```
#cdd4f6
```
#cdd4f6 rgb(205,212,246)
```
#dee2f9
```
#dee2f9 rgb(222,226,249)
```
#eef0fc
```
#eef0fc rgb(238,240,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b5d69 is the less saturated color, while #011fc3 is the most saturated one.

#5b5d69
```
#5b5d69 rgb(91,93,105)
```
#545870
```
#545870 rgb(84,88,112)
```
#4c5378
```
#4c5378 rgb(76,83,120)
```
#454e7f
```
#454e7f rgb(69,78,127)
```
#3d4987
```
#3d4987 rgb(61,73,135)
```
#36448e
```
#36448e rgb(54,68,142)
```
#2e3e96
```
#2e3e96 rgb(46,62,150)
```
#27399d
```
#27399d rgb(39,57,157)
```
#1f34a5
```
#1f34a5 rgb(31,52,165)
```
#172fad
```
#172fad rgb(23,47,173)
```
#102ab4
```
#102ab4 rgb(16,42,180)
```
#0824bc
```
#0824bc rgb(8,36,188)
```
#011fc3
```
#011fc3 rgb(1,31,195)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#353a50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#00498f Protanopia 1% of men
#004d7c Deuteranopia 1% of men
#005357 Tritanopia 0.001% of the population

Trichromacy

#0b4197 Protanomaly 1% of men, 0.01% of women
#0b448b Deuteranomaly 6% of men, 0.4% of women
#0b4873 Tritanomaly 0.01% of the population