#c148ff hex color

In a RGB color space, hex #c148ff is composed of 75.7% red, 28.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 24.3% cyan, 71.8% magenta, 0% yellow and 0% black. It has a hue angle of 279.7 degrees, a saturation of 100% and a lightness of 64.1%. #c148ff color hex could be obtained by blending #ff90ff with #8300ff. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 76
- G 28
- B 100
RGB color chart
- C 24
- M 72
- Y 0
- K 0
CMYK color chart

● #c148ff color description : Light violet.

The hexadecimal color #c148ff has RGB values of R:193, G:72, B:255 and CMYK values of C:0.24, M:0.72, Y:0, K:0. Its decimal value is 12667135.

Hex triplet	c148ff	`#c148ff`
RGB Decimal	193, 72, 255	`rgb(193,72,255)`
RGB Percent	75.7, 28.2, 100	`rgb(75.7%,28.2%,100%)`
CMYK	24, 72, 0, 0
HSL	279.7°, 100, 64.1	`hsl(279.7,100%,64.1%)`
HSV (or HSB)	279.7°, 71.8, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	55.271, 74.712, -69.46
XYZ	42.357, 23.193, 96.848
xyY	0.261, 0.143, 23.193
CIE-LCH	55.271, 102.013, 317.086
CIE-LUV	55.271, 36.664, -116.204
Hunter-Lab	48.16, 72.715, -85.519
Binary	11000001, 01001000, 11111111

#c148ff
```
#c148ff rgb(193,72,255)
```
#86ff48
```
#86ff48 rgb(134,255,72)
```

Complementary Color

#6648ff
```
#6648ff rgb(102,72,255)
```
#c148ff
```
#c148ff rgb(193,72,255)
```
#ff48e2
```
#ff48e2 rgb(255,72,226)
```

Analogous Color

#48ff66
```
#48ff66 rgb(72,255,102)
```
#c148ff
```
#c148ff rgb(193,72,255)
```
#e2ff48
```
#e2ff48 rgb(226,255,72)
```

Split Complementary Color

#48ffc1
```
#48ffc1 rgb(72,255,193)
```
#c148ff
```
#c148ff rgb(193,72,255)
```
#ffc148
```
#ffc148 rgb(255,193,72)
```

Triadic Color

#4886ff
```
#4886ff rgb(72,134,255)
```
#c148ff
```
#c148ff rgb(193,72,255)
```
#ffc148
```
#ffc148 rgb(255,193,72)
```
#86ff48
```
#86ff48 rgb(134,255,72)
```

Tetradic Color

#a600fb
```
#a600fb rgb(166,0,251)
```
#b015ff
```
#b015ff rgb(176,21,255)
```
#b82fff
```
#b82fff rgb(184,47,255)
```
#c148ff
```
#c148ff rgb(193,72,255)
```
#ca62ff
```
#ca62ff rgb(202,98,255)
```
#d27bff
```
#d27bff rgb(210,123,255)
```
#db95ff
```
#db95ff rgb(219,149,255)
```

Monochromatic Color

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

#9348ff
```
#9348ff rgb(147,72,255)
```
#a348ff
```
#a348ff rgb(163,72,255)
```
#b248ff
```
#b248ff rgb(178,72,255)
```
#c148ff
```
#c148ff rgb(193,72,255)
```
#d048ff
```
#d048ff rgb(208,72,255)
```
#e048ff
```
#e048ff rgb(224,72,255)
```
#ef48ff
```
#ef48ff rgb(239,72,255)
```

Similar Colors

Text with hexadecimal color #c148ff

This text has a font color of #c148ff.

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

#c148ff background color

This paragraph has a background color of #c148ff.

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

#c148ff border color

This element has a border color of #c148ff.

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

CSS codes

.text {color:#c148ff;}

.background {background-color:#c148ff;}

.border {border:1px solid #c148ff;}

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, #09000d is the darkest color, while #fdf9ff is the lightest one.

#09000d
```
#09000d rgb(9,0,13)
```
#160021
```
#160021 rgb(22,0,33)
```
#230034
```
#230034 rgb(35,0,52)
```
#300048
```
#300048 rgb(48,0,72)
```
#3d005c
```
#3d005c rgb(61,0,92)
```
#4a006f
```
#4a006f rgb(74,0,111)
```
#570083
```
#570083 rgb(87,0,131)
```
#630096
```
#630096 rgb(99,0,150)
```
#7000aa
```
#7000aa rgb(112,0,170)
```
#7d00be
```
#7d00be rgb(125,0,190)
```
#8a00d1
```
#8a00d1 rgb(138,0,209)
```
#9700e5
```
#9700e5 rgb(151,0,229)
```
#a400f9
```
#a400f9 rgb(164,0,249)
```

Shade Color Variation

#ad0dff
```
#ad0dff rgb(173,13,255)
```
#b421ff
```
#b421ff rgb(180,33,255)
```
#ba34ff
```
#ba34ff rgb(186,52,255)
```
#c148ff
```
#c148ff rgb(193,72,255)
```
#c85cff
```
#c85cff rgb(200,92,255)
```
#ce6fff
```
#ce6fff rgb(206,111,255)
```
#d583ff
```
#d583ff rgb(213,131,255)
```
#dc96ff
```
#dc96ff rgb(220,150,255)
```
#e2aaff
```
#e2aaff rgb(226,170,255)
```
#e9beff
```
#e9beff rgb(233,190,255)
```
#f0d1ff
```
#f0d1ff rgb(240,209,255)
```
#f6e5ff
```
#f6e5ff rgb(246,229,255)
```
#fdf9ff
```
#fdf9ff rgb(253,249,255)
```

Tint Color Variation

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

#a69cab
```
#a69cab rgb(166,156,171)
```
#a895b2
```
#a895b2 rgb(168,149,178)
```
#aa8eb9
```
#aa8eb9 rgb(170,142,185)
```
#ad87c0
```
#ad87c0 rgb(173,135,192)
```
#af80c7
```
#af80c7 rgb(175,128,199)
```
#b179ce
```
#b179ce rgb(177,121,206)
```
#b372d5
```
#b372d5 rgb(179,114,213)
```
#b66bdc
```
#b66bdc rgb(182,107,220)
```
#b864e3
```
#b864e3 rgb(184,100,227)
```
#ba5dea
```
#ba5dea rgb(186,93,234)
```
#bc56f1
```
#bc56f1 rgb(188,86,241)
```
#bf4ff8
```
#bf4ff8 rgb(191,79,248)
```
#c148ff
```
#c148ff rgb(193,72,255)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#8e769a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3286ff Protanopia 1% of men
#008ceb Deuteranopia 1% of men
#ad7e86 Tritanopia 0.001% of the population

Trichromacy

#6670ff Protanomaly 1% of men, 0.01% of women
#4673f2 Deuteranomaly 6% of men, 0.4% of women
#b46ab2 Tritanomaly 0.01% of the population

#c148ff hex color

#c148ff Color Information

#c148ff Color Conversion

Color Schemes with #c148ff

Alternatives to #c148ff

#c148ff Preview

Shades and Tints of #c148ff

Tones of #c148ff

Color Blindness Simulator