#1b58ff hex color

In a RGB color space, hex #1b58ff is composed of 10.6% red, 34.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 89.4% cyan, 65.5% magenta, 0% yellow and 0% black. It has a hue angle of 223.9 degrees, a saturation of 100% and a lightness of 55.3%. #1b58ff color hex could be obtained by blending #36b0ff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 11
- G 35
- B 100
RGB color chart
- C 89
- M 65
- Y 0
- K 0
CMYK color chart

● #1b58ff color description : Vivid blue.

The hexadecimal color #1b58ff has RGB values of R:27, G:88, B:255 and CMYK values of C:0.89, M:0.65, Y:0, K:0. Its decimal value is 1792255.

Hex triplet	1b58ff	`#1b58ff`
RGB Decimal	27, 88, 255	`rgb(27,88,255)`
RGB Percent	10.6, 34.5, 100	`rgb(10.6%,34.5%,100%)`
CMYK	89, 65, 0, 0
HSL	223.9°, 100, 55.3	`hsl(223.9,100%,55.3%)`
HSV (or HSB)	223.9°, 89.4, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.844, 44.679, -87.027
XYZ	21.988, 14.431, 96.229
xyY	0.166, 0.109, 14.431
CIE-LCH	44.844, 97.826, 297.176
CIE-LUV	44.844, -18.067, -129.395
Hunter-Lab	37.988, 36.84, -123.599
Binary	00011011, 01011000, 11111111

#1b58ff
```
#1b58ff rgb(27,88,255)
```
#ffc21b
```
#ffc21b rgb(255,194,27)
```

Complementary Color

#1bcaff
```
#1bcaff rgb(27,202,255)
```
#1b58ff
```
#1b58ff rgb(27,88,255)
```
#501bff
```
#501bff rgb(80,27,255)
```

Analogous Color

#caff1b
```
#caff1b rgb(202,255,27)
```
#1b58ff
```
#1b58ff rgb(27,88,255)
```
#ff501b
```
#ff501b rgb(255,80,27)
```

Split Complementary Color

#58ff1b
```
#58ff1b rgb(88,255,27)
```
#1b58ff
```
#1b58ff rgb(27,88,255)
```
#ff1b58
```
#ff1b58 rgb(255,27,88)
```

Triadic Color

#1bffc2
```
#1bffc2 rgb(27,255,194)
```
#1b58ff
```
#1b58ff rgb(27,88,255)
```
#ff1b58
```
#ff1b58 rgb(255,27,88)
```
#ffc21b
```
#ffc21b rgb(255,194,27)
```

Tetradic Color

#0037ce
```
#0037ce rgb(0,55,206)
```
#003ee7
```
#003ee7 rgb(0,62,231)
```
#0145ff
```
#0145ff rgb(1,69,255)
```
#1b58ff
```
#1b58ff rgb(27,88,255)
```
#356bff
```
#356bff rgb(53,107,255)
```
#4e7dff
```
#4e7dff rgb(78,125,255)
```
#6890ff
```
#6890ff rgb(104,144,255)
```

Monochromatic Color

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

#1b91ff
```
#1b91ff rgb(27,145,255)
```
#1b7eff
```
#1b7eff rgb(27,126,255)
```
#1b6bff
```
#1b6bff rgb(27,107,255)
```
#1b58ff
```
#1b58ff rgb(27,88,255)
```
#1b45ff
```
#1b45ff rgb(27,69,255)
```
#1b32ff
```
#1b32ff rgb(27,50,255)
```
#1b1fff
```
#1b1fff rgb(27,31,255)
```

Similar Colors

Text with hexadecimal color #1b58ff

This text has a font color of #1b58ff.

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

#1b58ff background color

This paragraph has a background color of #1b58ff.

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

#1b58ff border color

This element has a border color of #1b58ff.

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

CSS codes

.text {color:#1b58ff;}

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

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

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

#000207
```
#000207 rgb(0,2,7)
```
#00071b
```
#00071b rgb(0,7,27)
```
#000c2f
```
#000c2f rgb(0,12,47)
```
#001242
```
#001242 rgb(0,18,66)
```
#001756
```
#001756 rgb(0,23,86)
```
#001c69
```
#001c69 rgb(0,28,105)
```
#00217d
```
#00217d rgb(0,33,125)
```
#002791
```
#002791 rgb(0,39,145)
```
#002ca4
```
#002ca4 rgb(0,44,164)
```
#0031b8
```
#0031b8 rgb(0,49,184)
```
#0036cc
```
#0036cc rgb(0,54,204)
```
#003cdf
```
#003cdf rgb(0,60,223)
```
#0041f3
```
#0041f3 rgb(0,65,243)
```

Shade Color Variation

#074aff
```
#074aff rgb(7,74,255)
```
#1b58ff
```
#1b58ff rgb(27,88,255)
```
#2f66ff
```
#2f66ff rgb(47,102,255)
```
#4275ff
```
#4275ff rgb(66,117,255)
```
#5683ff
```
#5683ff rgb(86,131,255)
```
#6991ff
```
#6991ff rgb(105,145,255)
```
#7da0ff
```
#7da0ff rgb(125,160,255)
```
#91aeff
```
#91aeff rgb(145,174,255)
```
#a4bdff
```
#a4bdff rgb(164,189,255)
```
#b8cbff
```
#b8cbff rgb(184,203,255)
```
#ccd9ff
```
#ccd9ff rgb(204,217,255)
```
#dfe8ff
```
#dfe8ff rgb(223,232,255)
```
#f3f6ff
```
#f3f6ff rgb(243,246,255)
```

Tint Color Variation

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

#848996
```
#848996 rgb(132,137,150)
```
#7b859f
```
#7b859f rgb(123,133,159)
```
#7381a7
```
#7381a7 rgb(115,129,167)
```
#6a7db0
```
#6a7db0 rgb(106,125,176)
```
#6179b9
```
#6179b9 rgb(97,121,185)
```
#5875c2
```
#5875c2 rgb(88,117,194)
```
#5070ca
```
#5070ca rgb(80,112,202)
```
#476cd3
```
#476cd3 rgb(71,108,211)
```
#3e68dc
```
#3e68dc rgb(62,104,220)
```
#3564e5
```
#3564e5 rgb(53,100,229)
```
#2d60ed
```
#2d60ed rgb(45,96,237)
```
#245cf6
```
#245cf6 rgb(36,92,246)
```
#1b58ff
```
#1b58ff rgb(27,88,255)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#4d597a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074ba Deuteranopia 1% of men
#007d83 Tritanopia 0.001% of the population

Trichromacy

#0966e5 Protanomaly 1% of men, 0.01% of women
#096ad3 Deuteranomaly 6% of men, 0.4% of women
#096fb0 Tritanomaly 0.01% of the population

#1b58ff hex color

#1b58ff Color Information

#1b58ff Color Conversion

Color Schemes with #1b58ff

Alternatives to #1b58ff

#1b58ff Preview

Shades and Tints of #1b58ff

Tones of #1b58ff

Color Blindness Simulator