#1958ff hex color

In a RGB color space, hex #1958ff is composed of 9.8% red, 34.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 90.2% cyan, 65.5% magenta, 0% yellow and 0% black. It has a hue angle of 223.6 degrees, a saturation of 100% and a lightness of 54.9%. #1958ff color hex could be obtained by blending #32b0ff with #0000ff. Closest websafe color is: #0066ff.

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

● #1958ff color description : Vivid blue.

The hexadecimal color #1958ff has RGB values of R:25, G:88, B:255 and CMYK values of C:0.9, M:0.65, Y:0, K:0. Its decimal value is 1661183.

Hex triplet	1958ff	`#1958ff`
RGB Decimal	25, 88, 255	`rgb(25,88,255)`
RGB Percent	9.8, 34.5, 100	`rgb(9.8%,34.5%,100%)`
CMYK	90, 65, 0, 0
HSL	223.6°, 100, 54.9	`hsl(223.6,100%,54.9%)`
HSV (or HSB)	223.6°, 90.2, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	44.807, 44.601, -87.089
XYZ	21.937, 14.404, 96.226
xyY	0.165, 0.109, 14.404
CIE-LCH	44.807, 97.846, 297.118
CIE-LUV	44.807, -18.194, -129.426
Hunter-Lab	37.953, 36.755, -123.757
Binary	00011001, 01011000, 11111111

#1958ff
```
#1958ff rgb(25,88,255)
```
#ffc019
```
#ffc019 rgb(255,192,25)
```

Complementary Color

#19cbff
```
#19cbff rgb(25,203,255)
```
#1958ff
```
#1958ff rgb(25,88,255)
```
#4d19ff
```
#4d19ff rgb(77,25,255)
```

Analogous Color

#cbff19
```
#cbff19 rgb(203,255,25)
```
#1958ff
```
#1958ff rgb(25,88,255)
```
#ff4d19
```
#ff4d19 rgb(255,77,25)
```

Split Complementary Color

#58ff19
```
#58ff19 rgb(88,255,25)
```
#1958ff
```
#1958ff rgb(25,88,255)
```
#ff1958
```
#ff1958 rgb(255,25,88)
```

Triadic Color

#19ffc0
```
#19ffc0 rgb(25,255,192)
```
#1958ff
```
#1958ff rgb(25,88,255)
```
#ff1958
```
#ff1958 rgb(255,25,88)
```
#ffc019
```
#ffc019 rgb(255,192,25)
```

Tetradic Color

#0038cc
```
#0038cc rgb(0,56,204)
```
#003fe5
```
#003fe5 rgb(0,63,229)
```
#0046ff
```
#0046ff rgb(0,70,255)
```
#1958ff
```
#1958ff rgb(25,88,255)
```
#336bff
```
#336bff rgb(51,107,255)
```
#4c7dff
```
#4c7dff rgb(76,125,255)
```
#6690ff
```
#6690ff rgb(102,144,255)
```

Monochromatic Color

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

#1992ff
```
#1992ff rgb(25,146,255)
```
#197eff
```
#197eff rgb(25,126,255)
```
#196bff
```
#196bff rgb(25,107,255)
```
#1958ff
```
#1958ff rgb(25,88,255)
```
#1945ff
```
#1945ff rgb(25,69,255)
```
#1932ff
```
#1932ff rgb(25,50,255)
```
#191fff
```
#191fff rgb(25,31,255)
```

Similar Colors

Text with hexadecimal color #1958ff

This text has a font color of #1958ff.

<span style="color:#1958ff;">Text here</span>

#1958ff background color

This paragraph has a background color of #1958ff.

<p style="background-color:#1958ff;">Content here</p>

#1958ff border color

This element has a border color of #1958ff.

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

CSS codes

.text {color:#1958ff;}

.background {background-color:#1958ff;}

.border {border:1px solid #1958ff;}

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

#000105
```
#000105 rgb(0,1,5)
```
#000719
```
#000719 rgb(0,7,25)
```
#000c2d
```
#000c2d rgb(0,12,45)
```
#001240
```
#001240 rgb(0,18,64)
```
#001754
```
#001754 rgb(0,23,84)
```
#001c67
```
#001c67 rgb(0,28,103)
```
#00227b
```
#00227b rgb(0,34,123)
```
#00278f
```
#00278f rgb(0,39,143)
```
#002ca2
```
#002ca2 rgb(0,44,162)
```
#0032b6
```
#0032b6 rgb(0,50,182)
```
#0037ca
```
#0037ca rgb(0,55,202)
```
#003ddd
```
#003ddd rgb(0,61,221)
```
#0042f1
```
#0042f1 rgb(0,66,241)
```

Shade Color Variation

#054aff
```
#054aff rgb(5,74,255)
```
#1958ff
```
#1958ff rgb(25,88,255)
```
#2d66ff
```
#2d66ff rgb(45,102,255)
```
#4074ff
```
#4074ff rgb(64,116,255)
```
#5483ff
```
#5483ff rgb(84,131,255)
```
#6791ff
```
#6791ff rgb(103,145,255)
```
#7b9fff
```
#7b9fff rgb(123,159,255)
```
#8fadff
```
#8fadff rgb(143,173,255)
```
#a2bcff
```
#a2bcff rgb(162,188,255)
```
#b6caff
```
#b6caff rgb(182,202,255)
```
#cad8ff
```
#cad8ff rgb(202,216,255)
```
#dde6ff
```
#dde6ff rgb(221,230,255)
```
#f1f5ff
```
#f1f5ff rgb(241,245,255)
```

Tint Color Variation

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

#838895
```
#838895 rgb(131,136,149)
```
#7a849e
```
#7a849e rgb(122,132,158)
```
#7180a7
```
#7180a7 rgb(113,128,167)
```
#697caf
```
#697caf rgb(105,124,175)
```
#6078b8
```
#6078b8 rgb(96,120,184)
```
#5774c1
```
#5774c1 rgb(87,116,193)
```
#4e70ca
```
#4e70ca rgb(78,112,202)
```
#456cd3
```
#456cd3 rgb(69,108,211)
```
#3c68dc
```
#3c68dc rgb(60,104,220)
```
#3464e4
```
#3464e4 rgb(52,100,228)
```
#2b60ed
```
#2b60ed rgb(43,96,237)
```
#225cf6
```
#225cf6 rgb(34,92,246)
```
#1958ff
```
#1958ff rgb(25,88,255)
```

Tone Color Variation

Below, you can see how #1958ff 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

#585858 Achromatopsia 0.005% of the population
#4b5879 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

#1958ff hex color

#1958ff Color Information

#1958ff Color Conversion

Color Schemes with #1958ff

Alternatives to #1958ff

#1958ff Preview

Shades and Tints of #1958ff

Tones of #1958ff

Color Blindness Simulator