Back Home

0 views

#c369aa - Color Information

#c369aa

Base Information

HEX

#c369aa

RGB

195,105,170

HSL

317,43,59

HSV

317,46,76

CMYK

0,46,13,24

LAB

57,44,-19

LCH

57,48,337

XYZ

35,25,41

Web Safe

#cc6699

Web Smart

#bb66aa

luminosity

0.2461

is dark color

No

Generate #c369aa solid background color

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

Combinations

#c369aa complementary

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

#c369aa

#69C382

#c369aa splitComplementary

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

#c369aa

#7DC369

#69C3AF

#c369aa triadic

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

#c369aa

#AAC369

#69AAC3

#c369aa tetradic

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

#c369aa

#C3AF69

#69C382

#697DC3

#c369aa analogousComplementary

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

#c369aa

#69C382

#7DC369

#69C3AF

#c369aa analogous

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

#c369aa

#C3697D

#C38269

#C3AF69

Shades

#c369aa Light Tints

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

#C369AA

#C978B3

#CF87BB

#D596C4

#DBA5CC

#E1B4D5

#E7C3DD

#EDD2E6

#F3E1EE

#F9F0F7

#c369aa Gray Shades

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

#C369AA

#BC6BA6

#B66EA2

#AF709D

#A87299

#A27595

#9B7791

#94798D

#8D7B88

#877E84

#c369aa Dark Shades

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

#C369AA

#B05F99

#9C5488

#894A77

#753F66

#623555

#4E2A44

#3A1F33

#271522

#130A11

#c369aa Red Shades

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

#C369AA

#C95F99

#CF5488

#D54A77

#DB3F66

#E13555

#E72A44

#ED1F33

#F31522

#F90A11

#c369aa Green Shades

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

#C369AA

#B06B99

#9C6E88

#897077

#757266

#627555

#4E7744

#3A7933

#277B22

#137E11

#c369aa Blue Shades

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

#C369AA

#B05FB3

#9C54BB

#894AC4

#753FCC

#6235D5

#4E2ADD

#3A1FE6

#2715EE

#130AF7

Readability Analysis

#c369aa as Text Color

Background ColorContrast ScoreWCAG RatingPreview
White3.55A
Sample Text
Black5.92AA
Sample Text
Red1.13Fail
Sample Text
Green1.45Fail
Sample Text
Blue2.42Fail
Sample Text

#c369aa as Background Color

Text ColorContrast ScoreWCAG RatingPreview
White3.55A
Sample Text
Black5.92AA
Sample Text
Red1.13Fail
Sample Text
Green1.45Fail
Sample Text
Blue2.42Fail
Sample Text

Color Blindness Simulation

TypeDescriptionHex ValueColor Preview
ProtanomalyRed weakness - Anomalous trichromacy#927bb5
DeuteranomalyGreen weakness - Anomalous trichromacy#9d7aa4
TritanomalyBlue weakness - Anomalous trichromacy#be6f8c
ProtanopiaNo red perception - Dichromacy#7685bb
DeuteranopiaNo green perception - Dichromacy#8784a1
TritanopiaNo blue perception - Dichromacy#bc737b
AchromatomalyPartial color blindness - Monochromacy#997890
AchromatopsiaComplete color blindness - Monochromacy#818181

#c369aa Color Code

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