#c498f4 hex color

In a RGB color space, hex #c498f4 is composed of 76.9% red, 59.6% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 37.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 268.7 degrees, a saturation of 80.7% and a lightness of 77.6%. #c498f4 color hex could be obtained by blending #ffffff with #8931e9. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 77
- G 60
- B 96
RGB color chart
- C 20
- M 38
- Y 0
- K 4
CMYK color chart

● #c498f4 color description : Very soft violet.

The hexadecimal color #c498f4 has RGB values of R:196, G:152, B:244 and CMYK values of C:0.2, M:0.38, Y:0, K:0.04. Its decimal value is 12884212.

Hex triplet	c498f4	`#c498f4`
RGB Decimal	196, 152, 244	`rgb(196,152,244)`
RGB Percent	76.9, 59.6, 95.7	`rgb(76.9%,59.6%,95.7%)`
CMYK	20, 38, 0, 4
HSL	268.7°, 80.7, 77.6	`hsl(268.7,80.7%,77.6%)`
HSV (or HSB)	268.7°, 37.7, 95.7
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	69.982, 33.872, -40.001
XYZ	50.32, 40.724, 90.793
xyY	0.277, 0.224, 40.724
CIE-LCH	69.982, 52.416, 310.257
CIE-LUV	69.982, 16.16, -68.9
Hunter-Lab	63.816, 29.073, -39.683
Binary	11000100, 10011000, 11110100

#c498f4
```
#c498f4 rgb(196,152,244)
```
#c8f498
```
#c8f498 rgb(200,244,152)
```

Complementary Color

#989af4
```
#989af4 rgb(152,154,244)
```
#c498f4
```
#c498f4 rgb(196,152,244)
```
#f298f4
```
#f298f4 rgb(242,152,244)
```

Analogous Color

#9af498
```
#9af498 rgb(154,244,152)
```
#c498f4
```
#c498f4 rgb(196,152,244)
```
#f4f298
```
#f4f298 rgb(244,242,152)
```

Split Complementary Color

#98f4c4
```
#98f4c4 rgb(152,244,196)
```
#c498f4
```
#c498f4 rgb(196,152,244)
```
#f4c498
```
#f4c498 rgb(244,196,152)
```

Triadic Color

#98c8f4
```
#98c8f4 rgb(152,200,244)
```
#c498f4
```
#c498f4 rgb(196,152,244)
```
#f4c498
```
#f4c498 rgb(244,196,152)
```
#c8f498
```
#c8f498 rgb(200,244,152)
```

Tetradic Color

#9c53ed
```
#9c53ed rgb(156,83,237)
```
#aa6aef
```
#aa6aef rgb(170,106,239)
```
#b781f2
```
#b781f2 rgb(183,129,242)
```
#c498f4
```
#c498f4 rgb(196,152,244)
```
#d1aff6
```
#d1aff6 rgb(209,175,246)
```
#dec6f9
```
#dec6f9 rgb(222,198,249)
```
#ecddfb
```
#ecddfb rgb(236,221,251)
```

Monochromatic Color

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

#ad98f4
```
#ad98f4 rgb(173,152,244)
```
#b598f4
```
#b598f4 rgb(181,152,244)
```
#bc98f4
```
#bc98f4 rgb(188,152,244)
```
#c498f4
```
#c498f4 rgb(196,152,244)
```
#cc98f4
```
#cc98f4 rgb(204,152,244)
```
#d398f4
```
#d398f4 rgb(211,152,244)
```
#db98f4
```
#db98f4 rgb(219,152,244)
```

Similar Colors

Text with hexadecimal color #c498f4

This text has a font color of #c498f4.

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

#c498f4 background color

This paragraph has a background color of #c498f4.

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

#c498f4 border color

This element has a border color of #c498f4.

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

CSS codes

.text {color:#c498f4;}

.background {background-color:#c498f4;}

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

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

#020003
```
#020003 rgb(2,0,3)
```
#0b0215
```
#0b0215 rgb(11,2,21)
```
#150427
```
#150427 rgb(21,4,39)
```
#1e0639
```
#1e0639 rgb(30,6,57)
```
#28084a
```
#28084a rgb(40,8,74)
```
#310a5c
```
#310a5c rgb(49,10,92)
```
#3b0c6e
```
#3b0c6e rgb(59,12,110)
```
#440e7f
```
#440e7f rgb(68,14,127)
```
#4d0f91
```
#4d0f91 rgb(77,15,145)
```
#5711a3
```
#5711a3 rgb(87,17,163)
```
#6013b5
```
#6013b5 rgb(96,19,181)
```
#6a15c6
```
#6a15c6 rgb(106,21,198)
```
#7317d8
```
#7317d8 rgb(115,23,216)
```

Shade Color Variation

#7d1ce7
```
#7d1ce7 rgb(125,28,231)
```
#872ee9
```
#872ee9 rgb(135,46,233)
```
#913feb
```
#913feb rgb(145,63,235)
```
#9b51ec
```
#9b51ec rgb(155,81,236)
```
#a663ee
```
#a663ee rgb(166,99,238)
```
#b075f0
```
#b075f0 rgb(176,117,240)
```
#ba86f2
```
#ba86f2 rgb(186,134,242)
```
#c498f4
```
#c498f4 rgb(196,152,244)
```
#ceaaf6
```
#ceaaf6 rgb(206,170,246)
```
#d8bbf8
```
#d8bbf8 rgb(216,187,248)
```
#e2cdfa
```
#e2cdfa rgb(226,205,250)
```
#eddffc
```
#eddffc rgb(237,223,252)
```
#f7f1fd
```
#f7f1fd rgb(247,241,253)
```

Tint Color Variation

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

#c6c4c8
```
#c6c4c8 rgb(198,196,200)
```
#c6bfcd
```
#c6bfcd rgb(198,191,205)
```
#c6bbd1
```
#c6bbd1 rgb(198,187,209)
```
#c5b7d5
```
#c5b7d5 rgb(197,183,213)
```
#c5b2da
```
#c5b2da rgb(197,178,218)
```
#c5aede
```
#c5aede rgb(197,174,222)
```
#c5aae2
```
#c5aae2 rgb(197,170,226)
```
#c5a5e7
```
#c5a5e7 rgb(197,165,231)
```
#c4a1eb
```
#c4a1eb rgb(196,161,235)
```
#c49cf0
```
#c49cf0 rgb(196,156,240)
```
#c498f4
```
#c498f4 rgb(196,152,244)
```
#c494f8
```
#c494f8 rgb(196,148,248)
```
#c48ffd
```
#c48ffd rgb(196,143,253)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b4abbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#90acff Protanopia 1% of men
#97adee Deuteranopia 1% of men
#baabb7 Tritanopia 0.001% of the population

Trichromacy

#a3a5fb Protanomaly 1% of men, 0.01% of women
#a7a5f0 Deuteranomaly 6% of men, 0.4% of women
#bda4cd Tritanomaly 0.01% of the population

#c498f4 hex color

#c498f4 Color Information

#c498f4 Color Conversion

Color Schemes with #c498f4

Alternatives to #c498f4

#c498f4 Preview

Shades and Tints of #c498f4

Tones of #c498f4

Color Blindness Simulator