#1258ff hex color

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

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

● #1258ff color description : Vivid blue.

The hexadecimal color #1258ff has RGB values of R:18, G:88, B:255 and CMYK values of C:0.93, M:0.65, Y:0, K:0. Its decimal value is 1202431.

Hex triplet	1258ff	`#1258ff`
RGB Decimal	18, 88, 255	`rgb(18,88,255)`
RGB Percent	7.1, 34.5, 100	`rgb(7.1%,34.5%,100%)`
CMYK	93, 65, 0, 0
HSL	222.3°, 100, 53.5	`hsl(222.3,100%,53.5%)`
HSV (or HSB)	222.3°, 92.9, 100
Web Safe	0066ff	`#0066ff`

CIE-LAB	44.697, 44.368, -87.274
XYZ	21.785, 14.326, 96.219
xyY	0.165, 0.108, 14.326
CIE-LCH	44.697, 97.905, 296.947
CIE-LUV	44.697, -18.572, -129.52
Hunter-Lab	37.85, 36.502, -124.227
Binary	00010010, 01011000, 11111111

#1258ff
```
#1258ff rgb(18,88,255)
```
#ffb912
```
#ffb912 rgb(255,185,18)
```

Complementary Color

#12cfff
```
#12cfff rgb(18,207,255)
```
#1258ff
```
#1258ff rgb(18,88,255)
```
#4212ff
```
#4212ff rgb(66,18,255)
```

Analogous Color

#cfff12
```
#cfff12 rgb(207,255,18)
```
#1258ff
```
#1258ff rgb(18,88,255)
```
#ff4212
```
#ff4212 rgb(255,66,18)
```

Split Complementary Color

#58ff12
```
#58ff12 rgb(88,255,18)
```
#1258ff
```
#1258ff rgb(18,88,255)
```
#ff1258
```
#ff1258 rgb(255,18,88)
```

Triadic Color

#12ffb9
```
#12ffb9 rgb(18,255,185)
```
#1258ff
```
#1258ff rgb(18,88,255)
```
#ff1258
```
#ff1258 rgb(255,18,88)
```
#ffb912
```
#ffb912 rgb(255,185,18)
```

Tetradic Color

#003ac5
```
#003ac5 rgb(0,58,197)
```
#0042de
```
#0042de rgb(0,66,222)
```
#0049f8
```
#0049f8 rgb(0,73,248)
```
#1258ff
```
#1258ff rgb(18,88,255)
```
#2c6aff
```
#2c6aff rgb(44,106,255)
```
#457cff
```
#457cff rgb(69,124,255)
```
#5f8eff
```
#5f8eff rgb(95,142,255)
```

Monochromatic Color

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

#1293ff
```
#1293ff rgb(18,147,255)
```
#1280ff
```
#1280ff rgb(18,128,255)
```
#126cff
```
#126cff rgb(18,108,255)
```
#1258ff
```
#1258ff rgb(18,88,255)
```
#1244ff
```
#1244ff rgb(18,68,255)
```
#1231ff
```
#1231ff rgb(18,49,255)
```
#121dff
```
#121dff rgb(18,29,255)
```

Similar Colors

Text with hexadecimal color #1258ff

This text has a font color of #1258ff.

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

#1258ff background color

This paragraph has a background color of #1258ff.

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

#1258ff border color

This element has a border color of #1258ff.

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

CSS codes

.text {color:#1258ff;}

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

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

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

#000512
```
#000512 rgb(0,5,18)
```
#000b26
```
#000b26 rgb(0,11,38)
```
#001139
```
#001139 rgb(0,17,57)
```
#00174d
```
#00174d rgb(0,23,77)
```
#001c60
```
#001c60 rgb(0,28,96)
```
#002274
```
#002274 rgb(0,34,116)
```
#002888
```
#002888 rgb(0,40,136)
```
#002e9b
```
#002e9b rgb(0,46,155)
```
#0034af
```
#0034af rgb(0,52,175)
```
#0039c3
```
#0039c3 rgb(0,57,195)
```
#003fd6
```
#003fd6 rgb(0,63,214)
```
#0045ea
```
#0045ea rgb(0,69,234)
```
#004bfd
```
#004bfd rgb(0,75,253)
```

Shade Color Variation

#1258ff
```
#1258ff rgb(18,88,255)
```
#2666ff
```
#2666ff rgb(38,102,255)
```
#3974ff
```
#3974ff rgb(57,116,255)
```
#4d81ff
```
#4d81ff rgb(77,129,255)
```
#608fff
```
#608fff rgb(96,143,255)
```
#749dff
```
#749dff rgb(116,157,255)
```
#88abff
```
#88abff rgb(136,171,255)
```
#9bb9ff
```
#9bb9ff rgb(155,185,255)
```
#afc7ff
```
#afc7ff rgb(175,199,255)
```
#c3d4ff
```
#c3d4ff rgb(195,212,255)
```
#d6e2ff
```
#d6e2ff rgb(214,226,255)
```
#eaf0ff
```
#eaf0ff rgb(234,240,255)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#7f8592
```
#7f8592 rgb(127,133,146)
```
#76819b
```
#76819b rgb(118,129,155)
```
#6d7da4
```
#6d7da4 rgb(109,125,164)
```
#647aad
```
#647aad rgb(100,122,173)
```
#5b76b6
```
#5b76b6 rgb(91,118,182)
```
#5272bf
```
#5272bf rgb(82,114,191)
```
#496ec8
```
#496ec8 rgb(73,110,200)
```
#406bd1
```
#406bd1 rgb(64,107,209)
```
#3667db
```
#3667db rgb(54,103,219)
```
#2d63e4
```
#2d63e4 rgb(45,99,228)
```
#245fed
```
#245fed rgb(36,95,237)
```
#1b5cf6
```
#1b5cf6 rgb(27,92,246)
```
#1258ff
```
#1258ff rgb(18,88,255)
```

Tone Color Variation

Below, you can see how #1258ff 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
#485678 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed6 Protanopia 1% of men
#0074ba Deuteranopia 1% of men
#007c82 Tritanopia 0.001% of the population

Trichromacy

#0666e5 Protanomaly 1% of men, 0.01% of women
#066ad3 Deuteranomaly 6% of men, 0.4% of women
#066faf Tritanomaly 0.01% of the population

#1258ff hex color

#1258ff Color Information

#1258ff Color Conversion

Color Schemes with #1258ff

Alternatives to #1258ff

#1258ff Preview

Shades and Tints of #1258ff

Tones of #1258ff

Color Blindness Simulator