#1f58bd hex color

In a RGB color space, hex #1f58bd is composed of 12.2% red, 34.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 83.6% cyan, 53.4% magenta, 0% yellow and 25.9% black. It has a hue angle of 218.4 degrees, a saturation of 71.8% and a lightness of 43.1%. #1f58bd color hex could be obtained by blending #3eb0ff with #00007b. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 12
- G 35
- B 74
RGB color chart
- C 84
- M 53
- Y 0
- K 26
CMYK color chart

● #1f58bd color description : Strong blue.

The hexadecimal color #1f58bd has RGB values of R:31, G:88, B:189 and CMYK values of C:0.84, M:0.53, Y:0, K:0.26. Its decimal value is 2054333.

Hex triplet	1f58bd	`#1f58bd`
RGB Decimal	31, 88, 189	`rgb(31,88,189)`
RGB Percent	12.2, 34.5, 74.1	`rgb(12.2%,34.5%,74.1%)`
CMYK	84, 53, 0, 26
HSL	218.4°, 71.8, 43.1	`hsl(218.4,71.8%,43.1%)`
HSV (or HSB)	218.4°, 83.6, 74.1
Web Safe	3366cc	`#3366cc`

CIE-LAB	39.486, 20.016, -58.177
XYZ	13.238, 10.944, 49.556
xyY	0.18, 0.148, 10.944
CIE-LCH	39.486, 61.524, 288.986
CIE-LUV	39.486, -18.192, -85.346
Hunter-Lab	33.081, 13.537, -65.659
Binary	00011111, 01011000, 10111101

#1f58bd
```
#1f58bd rgb(31,88,189)
```
#bd841f
```
#bd841f rgb(189,132,31)
```

Complementary Color

#1fa7bd
```
#1fa7bd rgb(31,167,189)
```
#1f58bd
```
#1f58bd rgb(31,88,189)
```
#351fbd
```
#351fbd rgb(53,31,189)
```

Analogous Color

#a7bd1f
```
#a7bd1f rgb(167,189,31)
```
#1f58bd
```
#1f58bd rgb(31,88,189)
```
#bd351f
```
#bd351f rgb(189,53,31)
```

Split Complementary Color

#58bd1f
```
#58bd1f rgb(88,189,31)
```
#1f58bd
```
#1f58bd rgb(31,88,189)
```
#bd1f58
```
#bd1f58 rgb(189,31,88)
```

Triadic Color

#1fbd84
```
#1fbd84 rgb(31,189,132)
```
#1f58bd
```
#1f58bd rgb(31,88,189)
```
#bd1f58
```
#bd1f58 rgb(189,31,88)
```
#bd841f
```
#bd841f rgb(189,132,31)
```

Tetradic Color

#14397b
```
#14397b rgb(20,57,123)
```
#184491
```
#184491 rgb(24,68,145)
```
#1b4ea7
```
#1b4ea7 rgb(27,78,167)
```
#1f58bd
```
#1f58bd rgb(31,88,189)
```
#2362d3
```
#2362d3 rgb(35,98,211)
```
#3270dd
```
#3270dd rgb(50,112,221)
```
#487fe1
```
#487fe1 rgb(72,127,225)
```

Monochromatic Color

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

#1f80bd
```
#1f80bd rgb(31,128,189)
```
#1f72bd
```
#1f72bd rgb(31,114,189)
```
#1f65bd
```
#1f65bd rgb(31,101,189)
```
#1f58bd
```
#1f58bd rgb(31,88,189)
```
#1f4bbd
```
#1f4bbd rgb(31,75,189)
```
#1f3ebd
```
#1f3ebd rgb(31,62,189)
```
#1f31bd
```
#1f31bd rgb(31,49,189)
```

Similar Colors

Text with hexadecimal color #1f58bd

This text has a font color of #1f58bd.

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

#1f58bd background color

This paragraph has a background color of #1f58bd.

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

#1f58bd border color

This element has a border color of #1f58bd.

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

CSS codes

.text {color:#1f58bd;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#030a14
```
#030a14 rgb(3,10,20)
```
#061125
```
#061125 rgb(6,17,37)
```
#091936
```
#091936 rgb(9,25,54)
```
#0c2147
```
#0c2147 rgb(12,33,71)
```
#0e2958
```
#0e2958 rgb(14,41,88)
```
#113169
```
#113169 rgb(17,49,105)
```
#14397a
```
#14397a rgb(20,57,122)
```
#17408a
```
#17408a rgb(23,64,138)
```
#19489b
```
#19489b rgb(25,72,155)
```
#1c50ac
```
#1c50ac rgb(28,80,172)
```
#1f58bd
```
#1f58bd rgb(31,88,189)
```
#2260ce
```
#2260ce rgb(34,96,206)
```

Shade Color Variation

#2869dc
```
#2869dc rgb(40,105,220)
```
#3874de
```
#3874de rgb(56,116,222)
```
#4980e1
```
#4980e1 rgb(73,128,225)
```
#5a8ce4
```
#5a8ce4 rgb(90,140,228)
```
#6b98e7
```
#6b98e7 rgb(107,152,231)
```
#7ca3e9
```
#7ca3e9 rgb(124,163,233)
```
#8dafec
```
#8dafec rgb(141,175,236)
```
#9ebbef
```
#9ebbef rgb(158,187,239)
```
#aec7f2
```
#aec7f2 rgb(174,199,242)
```
#bfd2f5
```
#bfd2f5 rgb(191,210,245)
```
#d0def7
```
#d0def7 rgb(208,222,247)
```
#e1eafa
```
#e1eafa rgb(225,234,250)
```
#f2f6fd
```
#f2f6fd rgb(242,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6d71 is the less saturated color, while #0651d6 is the most saturated one.

#6b6d71
```
#6b6d71 rgb(107,109,113)
```
#636b79
```
#636b79 rgb(99,107,121)
```
#5a6882
```
#5a6882 rgb(90,104,130)
```
#52668a
```
#52668a rgb(82,102,138)
```
#496493
```
#496493 rgb(73,100,147)
```
#41619b
```
#41619b rgb(65,97,155)
```
#385fa4
```
#385fa4 rgb(56,95,164)
```
#305dac
```
#305dac rgb(48,93,172)
```
#275ab5
```
#275ab5 rgb(39,90,181)
```
#1f58bd
```
#1f58bd rgb(31,88,189)
```
#1756c5
```
#1756c5 rgb(23,86,197)
```
#0e53ce
```
#0e53ce rgb(14,83,206)
```
#0651d6
```
#0651d6 rgb(6,81,214)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#485367 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c1 Protanopia 1% of men
#0067a9 Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#0b5ebf Protanomaly 1% of men, 0.01% of women
#0b61b0 Deuteranomaly 6% of men, 0.4% of women
#0b668f Tritanomaly 0.01% of the population

#1f58bd hex color

#1f58bd Color Information

#1f58bd Color Conversion

Color Schemes with #1f58bd

Alternatives to #1f58bd

#1f58bd Preview

Shades and Tints of #1f58bd

Tones of #1f58bd

Color Blindness Simulator