#1f58db hex color

In a RGB color space, hex #1f58db is composed of 12.2% red, 34.5% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 59.8% magenta, 0% yellow and 14.1% black. It has a hue angle of 221.8 degrees, a saturation of 75.2% and a lightness of 49%. #1f58db color hex could be obtained by blending #3eb0ff with #0000b7. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 35
- B 86
RGB color chart
- C 86
- M 60
- Y 0
- K 14
CMYK color chart

● #1f58db color description : Vivid blue.

The hexadecimal color #1f58db has RGB values of R:31, G:88, B:219 and CMYK values of C:0.86, M:0.6, Y:0, K:0.14. Its decimal value is 2054363.

Hex triplet	1f58db	`#1f58db`
RGB Decimal	31, 88, 219	`rgb(31,88,219)`
RGB Percent	12.2, 34.5, 85.9	`rgb(12.2%,34.5%,85.9%)`
CMYK	86, 60, 0, 14
HSL	221.8°, 75.2, 49	`hsl(221.8,75.2%,49%)`
HSV (or HSB)	221.8°, 85.8, 85.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.82, 31.593, -71.697
XYZ	16.838, 12.384, 68.517
xyY	0.172, 0.127, 12.384
CIE-LCH	41.82, 78.349, 293.781
CIE-LUV	41.82, -17.842, -106.155
Hunter-Lab	35.191, 23.826, -90.805
Binary	00011111, 01011000, 11011011

#1f58db
```
#1f58db rgb(31,88,219)
```
#dba21f
```
#dba21f rgb(219,162,31)
```

Complementary Color

#1fb6db
```
#1fb6db rgb(31,182,219)
```
#1f58db
```
#1f58db rgb(31,88,219)
```
#441fdb
```
#441fdb rgb(68,31,219)
```

Analogous Color

#b6db1f
```
#b6db1f rgb(182,219,31)
```
#1f58db
```
#1f58db rgb(31,88,219)
```
#db441f
```
#db441f rgb(219,68,31)
```

Split Complementary Color

#58db1f
```
#58db1f rgb(88,219,31)
```
#1f58db
```
#1f58db rgb(31,88,219)
```
#db1f58
```
#db1f58 rgb(219,31,88)
```

Triadic Color

#1fdba2
```
#1fdba2 rgb(31,219,162)
```
#1f58db
```
#1f58db rgb(31,88,219)
```
#db1f58
```
#db1f58 rgb(219,31,88)
```
#dba21f
```
#dba21f rgb(219,162,31)
```

Tetradic Color

#163d98
```
#163d98 rgb(22,61,152)
```
#1946ae
```
#1946ae rgb(25,70,174)
```
#1c4fc5
```
#1c4fc5 rgb(28,79,197)
```
#1f58db
```
#1f58db rgb(31,88,219)
```
#3267e2
```
#3267e2 rgb(50,103,226)
```
#4878e5
```
#4878e5 rgb(72,120,229)
```
#5e88e8
```
#5e88e8 rgb(94,136,232)
```

Monochromatic Color

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

#1f87db
```
#1f87db rgb(31,135,219)
```
#1f77db
```
#1f77db rgb(31,119,219)
```
#1f68db
```
#1f68db rgb(31,104,219)
```
#1f58db
```
#1f58db rgb(31,88,219)
```
#1f48db
```
#1f48db rgb(31,72,219)
```
#1f39db
```
#1f39db rgb(31,57,219)
```
#1f29db
```
#1f29db rgb(31,41,219)
```

Similar Colors

Text with hexadecimal color #1f58db

This text has a font color of #1f58db.

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

#1f58db background color

This paragraph has a background color of #1f58db.

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

#1f58db border color

This element has a border color of #1f58db.

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

CSS codes

.text {color:#1f58db;}

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

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

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

#02050d
```
#02050d rgb(2,5,13)
```
#040c1e
```
#040c1e rgb(4,12,30)
```
#07132f
```
#07132f rgb(7,19,47)
```
#091a40
```
#091a40 rgb(9,26,64)
```
#0c2152
```
#0c2152 rgb(12,33,82)
```
#0e2863
```
#0e2863 rgb(14,40,99)
```
#102f74
```
#102f74 rgb(16,47,116)
```
#133585
```
#133585 rgb(19,53,133)
```
#153c96
```
#153c96 rgb(21,60,150)
```
#1843a7
```
#1843a7 rgb(24,67,167)
```
#1a4ab9
```
#1a4ab9 rgb(26,74,185)
```
#1d51ca
```
#1d51ca rgb(29,81,202)
```
#1f58db
```
#1f58db rgb(31,88,219)
```

Shade Color Variation

#2c63e1
```
#2c63e1 rgb(44,99,225)
```
#3e70e4
```
#3e70e4 rgb(62,112,228)
```
#4f7de6
```
#4f7de6 rgb(79,125,230)
```
#6089e8
```
#6089e8 rgb(96,137,232)
```
#7196eb
```
#7196eb rgb(113,150,235)
```
#82a3ed
```
#82a3ed rgb(130,163,237)
```
#94aff0
```
#94aff0 rgb(148,175,240)
```
#a5bcf2
```
#a5bcf2 rgb(165,188,242)
```
#b6c9f5
```
#b6c9f5 rgb(182,201,245)
```
#c7d6f7
```
#c7d6f7 rgb(199,214,247)
```
#d8e2fa
```
#d8e2fa rgb(216,226,250)
```
#e9effc
```
#e9effc rgb(233,239,252)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767a84 is the less saturated color, while #024df8 is the most saturated one.

#767a84
```
#767a84 rgb(118,122,132)
```
#6c768e
```
#6c768e rgb(108,118,142)
```
#627298
```
#627298 rgb(98,114,152)
```
#596fa1
```
#596fa1 rgb(89,111,161)
```
#4f6bab
```
#4f6bab rgb(79,107,171)
```
#4567b5
```
#4567b5 rgb(69,103,181)
```
#3c63be
```
#3c63be rgb(60,99,190)
```
#3260c8
```
#3260c8 rgb(50,96,200)
```
#295cd1
```
#295cd1 rgb(41,92,209)
```
#1f58db
```
#1f58db rgb(31,88,219)
```
#1554e5
```
#1554e5 rgb(21,84,229)
```
#0c50ee
```
#0c50ee rgb(12,80,238)
```
#024df8
```
#024df8 rgb(2,77,248)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4b5671 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006db0 Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#0b61d0 Protanomaly 1% of men, 0.01% of women
#0b65bf Deuteranomaly 6% of men, 0.4% of women
#0b6a9e Tritanomaly 0.01% of the population

#1f58db hex color

#1f58db Color Information

#1f58db Color Conversion

Color Schemes with #1f58db

Alternatives to #1f58db

#1f58db Preview

Shades and Tints of #1f58db

Tones of #1f58db

Color Blindness Simulator