#6158ff hex color

In a RGB color space, hex #6158ff is composed of 38% red, 34.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 65.5% magenta, 0% yellow and 0% black. It has a hue angle of 243.2 degrees, a saturation of 100% and a lightness of 67.3%. #6158ff color hex could be obtained by blending #c2b0ff with #0000ff. Closest websafe color is: #6666ff.

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

● #6158ff color description : Light blue.

The hexadecimal color #6158ff has RGB values of R:97, G:88, B:255 and CMYK values of C:0.62, M:0.65, Y:0, K:0. Its decimal value is 6379775.

Hex triplet	6158ff	`#6158ff`
RGB Decimal	97, 88, 255	`rgb(97,88,255)`
RGB Percent	38, 34.5, 100	`rgb(38%,34.5%,100%)`
CMYK	62, 65, 0, 0
HSL	243.2°, 100, 67.3	`hsl(243.2,100%,67.3%)`
HSV (or HSB)	243.2°, 65.5, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.93, 50.941, -81.846
XYZ	26.466, 16.74, 96.439
xyY	0.19, 0.12, 16.74
CIE-LCH	47.93, 96.404, 301.898
CIE-LUV	47.93, -6.91, -126.22
Hunter-Lab	40.914, 43.866, -111.113
Binary	01100001, 01011000, 11111111

#6158ff
```
#6158ff rgb(97,88,255)
```
#f6ff58
```
#f6ff58 rgb(246,255,88)
```

Complementary Color

#58a3ff
```
#58a3ff rgb(88,163,255)
```
#6158ff
```
#6158ff rgb(97,88,255)
```
#b558ff
```
#b558ff rgb(181,88,255)
```

Analogous Color

#a3ff58
```
#a3ff58 rgb(163,255,88)
```
#6158ff
```
#6158ff rgb(97,88,255)
```
#ffb558
```
#ffb558 rgb(255,181,88)
```

Split Complementary Color

#58ff61
```
#58ff61 rgb(88,255,97)
```
#6158ff
```
#6158ff rgb(97,88,255)
```
#ff6158
```
#ff6158 rgb(255,97,88)
```

Triadic Color

#58f6ff
```
#58f6ff rgb(88,246,255)
```
#6158ff
```
#6158ff rgb(97,88,255)
```
#ff6158
```
#ff6158 rgb(255,97,88)
```
#f6ff58
```
#f6ff58 rgb(246,255,88)
```

Tetradic Color

#190cff
```
#190cff rgb(25,12,255)
```
#3125ff
```
#3125ff rgb(49,37,255)
```
#493fff
```
#493fff rgb(73,63,255)
```
#6158ff
```
#6158ff rgb(97,88,255)
```
#7972ff
```
#7972ff rgb(121,114,255)
```
#918bff
```
#918bff rgb(145,139,255)
```
#a9a5ff
```
#a9a5ff rgb(169,165,255)
```

Monochromatic Color

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

#5879ff
```
#5879ff rgb(88,121,255)
```
#586bff
```
#586bff rgb(88,107,255)
```
#585dff
```
#585dff rgb(88,93,255)
```
#6158ff
```
#6158ff rgb(97,88,255)
```
#6f58ff
```
#6f58ff rgb(111,88,255)
```
#7d58ff
```
#7d58ff rgb(125,88,255)
```
#8b58ff
```
#8b58ff rgb(139,88,255)
```

Similar Colors

Text with hexadecimal color #6158ff

This text has a font color of #6158ff.

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

#6158ff background color

This paragraph has a background color of #6158ff.

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

#6158ff border color

This element has a border color of #6158ff.

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

CSS codes

.text {color:#6158ff;}

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

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

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, #01000a is the darkest color, while #f5f5ff is the lightest one.

#01000a
```
#01000a rgb(1,0,10)
```
#02001d
```
#02001d rgb(2,0,29)
```
#030031
```
#030031 rgb(3,0,49)
```
#040044
```
#040044 rgb(4,0,68)
```
#050058
```
#050058 rgb(5,0,88)
```
#06006c
```
#06006c rgb(6,0,108)
```
#07007f
```
#07007f rgb(7,0,127)
```
#080093
```
#080093 rgb(8,0,147)
```
#0900a6
```
#0900a6 rgb(9,0,166)
```
#0a00ba
```
#0a00ba rgb(10,0,186)
```
#0b00ce
```
#0b00ce rgb(11,0,206)
```
#0c00e1
```
#0c00e1 rgb(12,0,225)
```
#0d00f5
```
#0d00f5 rgb(13,0,245)
```

Shade Color Variation

#170aff
```
#170aff rgb(23,10,255)
```
#291dff
```
#291dff rgb(41,29,255)
```
#3c31ff
```
#3c31ff rgb(60,49,255)
```
#4e44ff
```
#4e44ff rgb(78,68,255)
```
#6158ff
```
#6158ff rgb(97,88,255)
```
#746cff
```
#746cff rgb(116,108,255)
```
#867fff
```
#867fff rgb(134,127,255)
```
#9993ff
```
#9993ff rgb(153,147,255)
```
#aba6ff
```
#aba6ff rgb(171,166,255)
```
#bebaff
```
#bebaff rgb(190,186,255)
```
#d0ceff
```
#d0ceff rgb(208,206,255)
```
#e3e1ff
```
#e3e1ff rgb(227,225,255)
```
#f5f5ff
```
#f5f5ff rgb(245,245,255)
```

Tint Color Variation

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

#a6a5b2
```
#a6a5b2 rgb(166,165,178)
```
#a09fb8
```
#a09fb8 rgb(160,159,184)
```
#9a98bf
```
#9a98bf rgb(154,152,191)
```
#9592c5
```
#9592c5 rgb(149,146,197)
```
#8f8bcc
```
#8f8bcc rgb(143,139,204)
```
#8985d2
```
#8985d2 rgb(137,133,210)
```
#837fd8
```
#837fd8 rgb(131,127,216)
```
#7e78df
```
#7e78df rgb(126,120,223)
```
#7872e5
```
#7872e5 rgb(120,114,229)
```
#726bec
```
#726bec rgb(114,107,236)
```
#6c65f2
```
#6c65f2 rgb(108,101,242)
```
#675ef9
```
#675ef9 rgb(103,94,249)
```
#6158ff
```
#6158ff rgb(97,88,255)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#6b6a8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007cc8 Deuteranopia 1% of men
#00848e Tritanopia 0.001% of the population

Trichromacy

#236aee Protanomaly 1% of men, 0.01% of women
#236edc Deuteranomaly 6% of men, 0.4% of women
#2374b7 Tritanomaly 0.01% of the population

#6158ff hex color

#6158ff Color Information

#6158ff Color Conversion

Color Schemes with #6158ff

Alternatives to #6158ff

#6158ff Preview

Shades and Tints of #6158ff

Tones of #6158ff

Color Blindness Simulator