#1f58ac hex color

In a RGB color space, hex #1f58ac is composed of 12.2% red, 34.5% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 48.8% magenta, 0% yellow and 32.5% black. It has a hue angle of 215.7 degrees, a saturation of 69.5% and a lightness of 39.8%. #1f58ac color hex could be obtained by blending #3eb0ff with #000059. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 12
- G 35
- B 67
RGB color chart
- C 82
- M 49
- Y 0
- K 33
CMYK color chart

● #1f58ac color description : Dark blue.

The hexadecimal color #1f58ac has RGB values of R:31, G:88, B:172 and CMYK values of C:0.82, M:0.49, Y:0, K:0.33. Its decimal value is 2054316.

Hex triplet	1f58ac	`#1f58ac`
RGB Decimal	31, 88, 172	`rgb(31,88,172)`
RGB Percent	12.2, 34.5, 67.5	`rgb(12.2%,34.5%,67.5%)`
CMYK	82, 49, 0, 33
HSL	215.7°, 69.5, 39.8	`hsl(215.7,69.5%,39.8%)`
HSV (or HSB)	215.7°, 82, 67.5
Web Safe	336699	`#336699`

CIE-LAB	38.285, 13.311, -50.121
XYZ	11.5, 10.248, 40.4
xyY	0.185, 0.165, 10.248
CIE-LCH	38.285, 51.858, 284.873
CIE-LUV	38.285, -18.537, -72.819
Hunter-Lab	32.013, 8.097, -52.413
Binary	00011111, 01011000, 10101100

#1f58ac
```
#1f58ac rgb(31,88,172)
```
#ac731f
```
#ac731f rgb(172,115,31)
```

Complementary Color

#1f9fac
```
#1f9fac rgb(31,159,172)
```
#1f58ac
```
#1f58ac rgb(31,88,172)
```
#2c1fac
```
#2c1fac rgb(44,31,172)
```

Analogous Color

#9fac1f
```
#9fac1f rgb(159,172,31)
```
#1f58ac
```
#1f58ac rgb(31,88,172)
```
#ac2d1f
```
#ac2d1f rgb(172,45,31)
```

Split Complementary Color

#58ac1f
```
#58ac1f rgb(88,172,31)
```
#1f58ac
```
#1f58ac rgb(31,88,172)
```
#ac1f58
```
#ac1f58 rgb(172,31,88)
```

Triadic Color

#1fac73
```
#1fac73 rgb(31,172,115)
```
#1f58ac
```
#1f58ac rgb(31,88,172)
```
#ac1f58
```
#ac1f58 rgb(172,31,88)
```
#ac731f
```
#ac731f rgb(172,115,31)
```

Tetradic Color

#13376b
```
#13376b rgb(19,55,107)
```
#174281
```
#174281 rgb(23,66,129)
```
#1b4d96
```
#1b4d96 rgb(27,77,150)
```
#1f58ac
```
#1f58ac rgb(31,88,172)
```
#2363c2
```
#2363c2 rgb(35,99,194)
```
#276ed7
```
#276ed7 rgb(39,110,215)
```
#3c7cdc
```
#3c7cdc rgb(60,124,220)
```

Monochromatic Color

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

#1f7bac
```
#1f7bac rgb(31,123,172)
```
#1f70ac
```
#1f70ac rgb(31,112,172)
```
#1f64ac
```
#1f64ac rgb(31,100,172)
```
#1f58ac
```
#1f58ac rgb(31,88,172)
```
#1f4cac
```
#1f4cac rgb(31,76,172)
```
#1f41ac
```
#1f41ac rgb(31,65,172)
```
#1f35ac
```
#1f35ac rgb(31,53,172)
```

Similar Colors

Text with hexadecimal color #1f58ac

This text has a font color of #1f58ac.

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

#1f58ac background color

This paragraph has a background color of #1f58ac.

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

#1f58ac border color

This element has a border color of #1f58ac.

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

CSS codes

.text {color:#1f58ac;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#040b16
```
#040b16 rgb(4,11,22)
```
#071427
```
#071427 rgb(7,20,39)
```
#0a1c38
```
#0a1c38 rgb(10,28,56)
```
#0d2548
```
#0d2548 rgb(13,37,72)
```
#102d59
```
#102d59 rgb(16,45,89)
```
#13366a
```
#13366a rgb(19,54,106)
```
#163e7a
```
#163e7a rgb(22,62,122)
```
#19478b
```
#19478b rgb(25,71,139)
```
#1c4f9b
```
#1c4f9b rgb(28,79,155)
```
#1f58ac
```
#1f58ac rgb(31,88,172)
```
#2261bd
```
#2261bd rgb(34,97,189)
```
#2569cd
```
#2569cd rgb(37,105,205)
```

Shade Color Variation

#2d72d9
```
#2d72d9 rgb(45,114,217)
```
#3d7edc
```
#3d7edc rgb(61,126,220)
```
#4e89df
```
#4e89df rgb(78,137,223)
```
#5f94e2
```
#5f94e2 rgb(95,148,226)
```
#6f9fe5
```
#6f9fe5 rgb(111,159,229)
```
#80aae8
```
#80aae8 rgb(128,170,232)
```
#90b5eb
```
#90b5eb rgb(144,181,235)
```
#a1c0ee
```
#a1c0ee rgb(161,192,238)
```
#b2cbf1
```
#b2cbf1 rgb(178,203,241)
```
#c2d6f4
```
#c2d6f4 rgb(194,214,244)
```
#d3e2f7
```
#d3e2f7 rgb(211,226,247)
```
#e4edfa
```
#e4edfa rgb(228,237,250)
```
#f4f8fd
```
#f4f8fd rgb(244,248,253)
```

Tint Color Variation

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

#656566
```
#656566 rgb(101,101,102)
```
#5d646e
```
#5d646e rgb(93,100,110)
```
#566275
```
#566275 rgb(86,98,117)
```
#4e617d
```
#4e617d rgb(78,97,125)
```
#465f85
```
#465f85 rgb(70,95,133)
```
#3e5e8d
```
#3e5e8d rgb(62,94,141)
```
#365c95
```
#365c95 rgb(54,92,149)
```
#2f5b9c
```
#2f5b9c rgb(47,91,156)
```
#2759a4
```
#2759a4 rgb(39,89,164)
```
#1f58ac
```
#1f58ac rgb(31,88,172)
```
#1757b4
```
#1757b4 rgb(23,87,180)
```
#0f55bc
```
#0f55bc rgb(15,85,188)
```
#0854c3
```
#0854c3 rgb(8,84,195)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#475263 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3160af Protanopia 1% of men
#0064a6 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#2b5dae Protanomaly 1% of men, 0.01% of women
#0b60a8 Deuteranomaly 6% of men, 0.4% of women
#0b6487 Tritanomaly 0.01% of the population

#1f58ac hex color

#1f58ac Color Information

#1f58ac Color Conversion

Color Schemes with #1f58ac

Alternatives to #1f58ac

#1f58ac Preview

Shades and Tints of #1f58ac

Tones of #1f58ac

Color Blindness Simulator