#6150ff hex color

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

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

● #6150ff color description : Light blue.

The hexadecimal color #6150ff has RGB values of R:97, G:80, B:255 and CMYK values of C:0.62, M:0.69, Y:0, K:0. Its decimal value is 6377727.

Hex triplet	6150ff	`#6150ff`
RGB Decimal	97, 80, 255	`rgb(97,80,255)`
RGB Percent	38, 31.4, 100	`rgb(38%,31.4%,100%)`
CMYK	62, 69, 0, 0
HSL	245.8°, 100, 65.7	`hsl(245.8,100%,65.7%)`
HSV (or HSB)	245.8°, 68.6, 100
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.308, 55.358, -84.505
XYZ	25.845, 15.498, 96.232
xyY	0.188, 0.113, 15.498
CIE-LCH	46.308, 101.023, 303.228
CIE-LUV	46.308, -5.326, -128.439
Hunter-Lab	39.367, 48.295, -117.376
Binary	01100001, 01010000, 11111111

#6150ff
```
#6150ff rgb(97,80,255)
```
#eeff50
```
#eeff50 rgb(238,255,80)
```

Complementary Color

#5097ff
```
#5097ff rgb(80,151,255)
```
#6150ff
```
#6150ff rgb(97,80,255)
```
#b950ff
```
#b950ff rgb(185,80,255)
```

Analogous Color

#97ff50
```
#97ff50 rgb(151,255,80)
```
#6150ff
```
#6150ff rgb(97,80,255)
```
#ffb950
```
#ffb950 rgb(255,185,80)
```

Split Complementary Color

#50ff61
```
#50ff61 rgb(80,255,97)
```
#6150ff
```
#6150ff rgb(97,80,255)
```
#ff6150
```
#ff6150 rgb(255,97,80)
```

Triadic Color

#50eeff
```
#50eeff rgb(80,238,255)
```
#6150ff
```
#6150ff rgb(97,80,255)
```
#ff6150
```
#ff6150 rgb(255,97,80)
```
#eeff50
```
#eeff50 rgb(238,255,80)
```

Tetradic Color

#1c03ff
```
#1c03ff rgb(28,3,255)
```
#331dff
```
#331dff rgb(51,29,255)
```
#4a37ff
```
#4a37ff rgb(74,55,255)
```
#6150ff
```
#6150ff rgb(97,80,255)
```
#786aff
```
#786aff rgb(120,106,255)
```
#8f83ff
```
#8f83ff rgb(143,131,255)
```
#a69dff
```
#a69dff rgb(166,157,255)
```

Monochromatic Color

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

#506bff
```
#506bff rgb(80,107,255)
```
#505cff
```
#505cff rgb(80,92,255)
```
#5250ff
```
#5250ff rgb(82,80,255)
```
#6150ff
```
#6150ff rgb(97,80,255)
```
#7050ff
```
#7050ff rgb(112,80,255)
```
#7e50ff
```
#7e50ff rgb(126,80,255)
```
#8d50ff
```
#8d50ff rgb(141,80,255)
```

Similar Colors

Text with hexadecimal color #6150ff

This text has a font color of #6150ff.

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

#6150ff background color

This paragraph has a background color of #6150ff.

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

#6150ff border color

This element has a border color of #6150ff.

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

CSS codes

.text {color:#6150ff;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#020015
```
#020015 rgb(2,0,21)
```
#040029
```
#040029 rgb(4,0,41)
```
#06003c
```
#06003c rgb(6,0,60)
```
#080050
```
#080050 rgb(8,0,80)
```
#0a0064
```
#0a0064 rgb(10,0,100)
```
#0c0077
```
#0c0077 rgb(12,0,119)
```
#0d008b
```
#0d008b rgb(13,0,139)
```
#0f009e
```
#0f009e rgb(15,0,158)
```
#1100b2
```
#1100b2 rgb(17,0,178)
```
#1300c6
```
#1300c6 rgb(19,0,198)
```
#1500d9
```
#1500d9 rgb(21,0,217)
```
#1700ed
```
#1700ed rgb(23,0,237)
```

Shade Color Variation

#1a02ff
```
#1a02ff rgb(26,2,255)
```
#2c15ff
```
#2c15ff rgb(44,21,255)
```
#3e29ff
```
#3e29ff rgb(62,41,255)
```
#4f3cff
```
#4f3cff rgb(79,60,255)
```
#6150ff
```
#6150ff rgb(97,80,255)
```
#7364ff
```
#7364ff rgb(115,100,255)
```
#8477ff
```
#8477ff rgb(132,119,255)
```
#968bff
```
#968bff rgb(150,139,255)
```
#a89eff
```
#a89eff rgb(168,158,255)
```
#bab2ff
```
#bab2ff rgb(186,178,255)
```
#cbc6ff
```
#cbc6ff rgb(203,198,255)
```
#ddd9ff
```
#ddd9ff rgb(221,217,255)
```
#efedff
```
#efedff rgb(239,237,255)
```

Tint Color Variation

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

#a2a1ae
```
#a2a1ae rgb(162,161,174)
```
#9d9ab5
```
#9d9ab5 rgb(157,154,181)
```
#9793bc
```
#9793bc rgb(151,147,188)
```
#928dc2
```
#928dc2 rgb(146,141,194)
```
#8c86c9
```
#8c86c9 rgb(140,134,201)
```
#877fd0
```
#877fd0 rgb(135,127,208)
```
#8278d7
```
#8278d7 rgb(130,120,215)
```
#7c72dd
```
#7c72dd rgb(124,114,221)
```
#776be4
```
#776be4 rgb(119,107,228)
```
#7164eb
```
#7164eb rgb(113,100,235)
```
#6c5df2
```
#6c5df2 rgb(108,93,242)
```
#6657f8
```
#6657f8 rgb(102,87,248)
```
#6150ff
```
#6150ff rgb(97,80,255)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#676487 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0078c1 Deuteranopia 1% of men
#008089 Tritanopia 0.001% of the population

Trichromacy

#2365e9 Protanomaly 1% of men, 0.01% of women
#2369d7 Deuteranomaly 6% of men, 0.4% of women
#236eb4 Tritanomaly 0.01% of the population

#6150ff hex color

#6150ff Color Information

#6150ff Color Conversion

Color Schemes with #6150ff

Alternatives to #6150ff

#6150ff Preview

Shades and Tints of #6150ff

Tones of #6150ff

Color Blindness Simulator