#0158de hex color

In a RGB color space, hex #0158de is composed of 0.4% red, 34.5% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 99.5% cyan, 60.4% magenta, 0% yellow and 12.9% black. It has a hue angle of 216.4 degrees, a saturation of 99.1% and a lightness of 43.7%. #0158de color hex could be obtained by blending #02b0ff with #0000bd. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 35
- B 87
RGB color chart
- C 100
- M 60
- Y 0
- K 13
CMYK color chart

● #0158de color description : Vivid blue.

The hexadecimal color #0158de has RGB values of R:1, G:88, B:222 and CMYK values of C:1, M:0.6, Y:0, K:0.13. Its decimal value is 88286.

Hex triplet	0158de	`#0158de`
RGB Decimal	1, 88, 222	`rgb(1,88,222)`
RGB Percent	0.4, 34.5, 87.1	`rgb(0.4%,34.5%,87.1%)`
CMYK	100, 60, 0, 13
HSL	216.4°, 99.1, 43.7	`hsl(216.4,99.1%,43.7%)`
HSV (or HSB)	216.4°, 99.5, 87.1
Web Safe	0066cc	`#0066cc`

CIE-LAB	41.624, 31.579, -73.746
XYZ	16.684, 12.258, 70.59
xyY	0.168, 0.123, 12.258
CIE-LCH	41.624, 80.223, 293.181
CIE-LUV	41.624, -19.473, -108.639
Hunter-Lab	35.012, 23.79, -95.03
Binary	00000001, 01011000, 11011110

#0158de
```
#0158de rgb(1,88,222)
```
#de8701
```
#de8701 rgb(222,135,1)
```

Complementary Color

#01c7de
```
#01c7de rgb(1,199,222)
```
#0158de
```
#0158de rgb(1,88,222)
```
#1801de
```
#1801de rgb(24,1,222)
```

Analogous Color

#c7de01
```
#c7de01 rgb(199,222,1)
```
#0158de
```
#0158de rgb(1,88,222)
```
#de1801
```
#de1801 rgb(222,24,1)
```

Split Complementary Color

#58de01
```
#58de01 rgb(88,222,1)
```
#0158de
```
#0158de rgb(1,88,222)
```
#de0158
```
#de0158 rgb(222,1,88)
```

Triadic Color

#01de87
```
#01de87 rgb(1,222,135)
```
#0158de
```
#0158de rgb(1,88,222)
```
#de0158
```
#de0158 rgb(222,1,88)
```
#de8701
```
#de8701 rgb(222,135,1)
```

Tetradic Color

#013a92
```
#013a92 rgb(1,58,146)
```
#0144ab
```
#0144ab rgb(1,68,171)
```
#014ec5
```
#014ec5 rgb(1,78,197)
```
#0158de
```
#0158de rgb(1,88,222)
```
#0162f7
```
#0162f7 rgb(1,98,247)
```
#1470fe
```
#1470fe rgb(20,112,254)
```
#2d80fe
```
#2d80fe rgb(45,128,254)
```

Monochromatic Color

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

#018fde
```
#018fde rgb(1,143,222)
```
#017dde
```
#017dde rgb(1,125,222)
```
#016ade
```
#016ade rgb(1,106,222)
```
#0158de
```
#0158de rgb(1,88,222)
```
#0146de
```
#0146de rgb(1,70,222)
```
#0133de
```
#0133de rgb(1,51,222)
```
#0121de
```
#0121de rgb(1,33,222)
```

Similar Colors

Text with hexadecimal color #0158de

This text has a font color of #0158de.

<span style="color:#0158de;">Text here</span>

#0158de background color

This paragraph has a background color of #0158de.

<p style="background-color:#0158de;">Content here</p>

#0158de border color

This element has a border color of #0158de.

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

CSS codes

.text {color:#0158de;}

.background {background-color:#0158de;}

.border {border:1px solid #0158de;}

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

#000307
```
#000307 rgb(0,3,7)
```
#000b1b
```
#000b1b rgb(0,11,27)
```
#00122e
```
#00122e rgb(0,18,46)
```
#001a42
```
#001a42 rgb(0,26,66)
```
#002255
```
#002255 rgb(0,34,85)
```
#002a69
```
#002a69 rgb(0,42,105)
```
#01317c
```
#01317c rgb(1,49,124)
```
#013990
```
#013990 rgb(1,57,144)
```
#0141a3
```
#0141a3 rgb(1,65,163)
```
#0149b7
```
#0149b7 rgb(1,73,183)
```
#0150ca
```
#0150ca rgb(1,80,202)
```
#0158de
```
#0158de rgb(1,88,222)
```
#0160f2
```
#0160f2 rgb(1,96,242)
```

Shade Color Variation

#0869fe
```
#0869fe rgb(8,105,254)
```
#1c75fe
```
#1c75fe rgb(28,117,254)
```
#2f81fe
```
#2f81fe rgb(47,129,254)
```
#438dfe
```
#438dfe rgb(67,141,254)
```
#5699fe
```
#5699fe rgb(86,153,254)
```
#6aa4fe
```
#6aa4fe rgb(106,164,254)
```
#7eb0fe
```
#7eb0fe rgb(126,176,254)
```
#91bcff
```
#91bcff rgb(145,188,255)
```
#a5c8ff
```
#a5c8ff rgb(165,200,255)
```
#b8d4ff
```
#b8d4ff rgb(184,212,255)
```
#cce0ff
```
#cce0ff rgb(204,224,255)
```
#dfecff
```
#dfecff rgb(223,236,255)
```
#f3f8ff
```
#f3f8ff rgb(243,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686e77 is the less saturated color, while #0158de is the most saturated one.

#686e77
```
#686e77 rgb(104,110,119)
```
#5f6c80
```
#5f6c80 rgb(95,108,128)
```
#576a88
```
#576a88 rgb(87,106,136)
```
#4e6891
```
#4e6891 rgb(78,104,145)
```
#466799
```
#466799 rgb(70,103,153)
```
#3d65a2
```
#3d65a2 rgb(61,101,162)
```
#3463ab
```
#3463ab rgb(52,99,171)
```
#2c61b3
```
#2c61b3 rgb(44,97,179)
```
#235fbc
```
#235fbc rgb(35,95,188)
```
#1b5dc4
```
#1b5dc4 rgb(27,93,196)
```
#125ccd
```
#125ccd rgb(18,92,205)
```
#0a5ad5
```
#0a5ad5 rgb(10,90,213)
```
#0158de
```
#0158de rgb(1,88,222)
```

Tone Color Variation

Below, you can see how #0158de 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

#4d4d4d Achromatopsia 0.005% of the population
#3e4f6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c9 Protanopia 1% of men
#006daf Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#0061d1 Protanomaly 1% of men, 0.01% of women
#0065c0 Deuteranomaly 6% of men, 0.4% of women
#006a9e Tritanomaly 0.01% of the population

#0158de hex color

#0158de Color Information

#0158de Color Conversion

Color Schemes with #0158de

Alternatives to #0158de

#0158de Preview

Shades and Tints of #0158de

Tones of #0158de

Color Blindness Simulator