Back Home

0 views

#cc61fa - Color Information

#cc61fa

Base Information

HEX

#cc61fa

RGB

204,97,250

HSL

282,94,68

HSV

282,61,98

CMYK

18,61,0,2

LAB

60,66,-59

LCH

60,88,318

XYZ

46,28,93

Web Safe

#cc66ff

Web Smart

#cc66ff

luminosity

0.2829

is dark color

No

Generate #cc61fa solid background color

Create and download a solid color image in any size up to 5000x5000 pixels

Combinations

#cc61fa complementary

Colors that are opposite to each other, forming a contrasting pair.

#cc61fa splitComplementary

A base color and two secondary colors adjacent to its complementary color, offering high contrast with less tension.

#cc61fa triadic

Three colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

#cc61fa tetradic

Four colors forming a rectangle on the color wheel, consisting of two complementary color pairs for rich and diverse palettes.

#cc61fa analogousComplementary

A combination of analogous colors with one complementary color, creating a harmonious yet dynamic palette.

#cc61fa analogous

Colors that are next to each other on the color wheel, producing serene and comfortable designs.

Shades

#cc61fa Light Tints

A series of lighter variations of the base color, created by mixing it with increasing amounts of white.

#cc61fa Gray Shades

A collection of shades that blend the base color with gray, resulting in more muted and subdued tones.

#cc61fa Dark Shades

Darker versions of the base color, achieved by mixing it with increasing amounts of black.

#cc61fa Red Shades

A gradient of colors formed by mixing the base color with red, producing warmer and more intense hues.

#cc61fa Green Shades

A range of colors generated by blending the base color with green, resulting in fresher and more vibrant tones.

#cc61fa Blue Shades

A spectrum of colors created by mixing the base color with blue, yielding cooler and more calming shades.

Readability Analysis

#cc61fa as Text Color

Background ColorContrast ScoreWCAG RatingPreview
White3.15A
Sample Text
Black6.66AA
Sample Text
Red1.27Fail
Sample Text
Green1.63Fail
Sample Text
Blue2.72Fail
Sample Text

#cc61fa as Background Color

Text ColorContrast ScoreWCAG RatingPreview
White3.15A
Sample Text
Black6.66AA
Sample Text
Red1.27Fail
Sample Text
Green1.63Fail
Sample Text
Blue2.72Fail
Sample Text

Color Blindness Simulation

TypeDescriptionHex ValueColor Preview
ProtanomalyRed weakness - Anomalous trichromacy#807dfd
DeuteranomalyGreen weakness - Anomalous trichromacy#807ff0
TritanomalyBlue weakness - Anomalous trichromacy#bf76b4
ProtanopiaNo red perception - Dichromacy#558cff
DeuteranopiaNo green perception - Dichromacy#5490ea
TritanopiaNo blue perception - Dichromacy#b7828b
AchromatomalyPartial color blindness - Monochromacy#9d77ae
AchromatopsiaComplete color blindness - Monochromacy#838383

#cc61fa Color Code

NameCode
#cc61fa css background color code
.bg { background-color: #cc61fa; }
#cc61fa css text color code
.text { color: #cc61fa; }
#cc61fa css border color code
.border { border-color: #cc61fa; }