Color picker

#ca54c8

Conversion

HEX#ca54c8
HEX8#ca54c8ff
RGBrgb(202, 84, 200)
CMYK[0,0.58,0.01,0.21]
Name#ca54c8
HCL[327.89,72.64,55.14]
oklab[0.64,0.17,-0.11]
Num13259976
HSI[300.85,0.48,0.64]
lab[55.14,61.53,-38.61]
Lighten
#e2a2e1
Darken
#8c2c8b
Saturate
#e03ede
Desaturate
#b46ab2
Greyscale
#8f8f8f
Brighten
#fd87fb

Color harmonies of #ca54c8

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Triad

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#ca54c8
#c8ca54
#54c8ca

Tetrad

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#ca54c8
#ca9154
#54ca56
#548dca

Monochromatic

The monochromatic colors are those that have the same dye, but differ in hue, value and saturation. For example, paint samples have several different values ​​of the same color. Using two or more monochromatic colors will achieve an elegant and pleasant effect.
#ca54c8
#f466f2
#200d20
#4a1f4a
#753174
#9f429e

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
#ca54c8
#9d54ca
#b454ca
#ca54c8
#ca54b0
#ca5499

Split Complements

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#ca54c8
#ca6e54
#54ca9d

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
#ffffff
#fbf3fb
#f7e7f7
#f4daf3
#f0ceef
#ecc2eb
#e8b6e7
#e5aae4
#e19de0
#dd91dc
#d985d8
#d579d4
#d26cd0
#ce60cc
#ca54c8

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
#000000
#0e060e
#1d0c1d
#2b122b
#3a1839
#481e47
#572456
#652a64
#733072
#823681
#903c8f
#9f429d
#ad48ab
#bc4eba
#ca54c8

Contrast Checker

Verify the contrast of a #ca54c8 colored text on white and black backgrounds. For additional options use Color Contrast Checker Tool.

3.741 Poor When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!
5.613 Good When I used to read fairy tales, I fancied that kind of thing never happened, and now here I am in the middle of one!

Color Palettes #ca54c8

Some examples of color palettes with #ca54c8. View more

Use #ca54c8 in CSS

#ca54c8 as Background Color in CSS
<div style="background-color:#ca54c8">Background Color</div>
#ca54c8 as Text Color in CSS
<div style="color:#ca54c8">Text Color</div>
#ca54c8 as Border Color in CSS
<div style="border-color:#ca54c8">Border Color</div>
My Collection
Palettes

No palettes yet

Colors

No colors yet

Gradients

No gradients yet