0 views

#c50f69 - Color Information

#c50f69

Base Information

HEX

#c50f69

RGB

197,15,105

HSL

330,86,42

HSV

330,92,77

CMYK

0,92,47,23

LAB

43,69,0

LCH

43,69,360

XYZ

26,13,15

Web Safe

#cc0066

Web Smart

#cc1166

luminosity

0.1323

is dark color

Yes

Generate #c50f69 solid background color

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

Combinations

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

#c50f69

#0FC56B

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

#c50f69

#0FC510

#0FC4C5

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

#c50f69

#69C50F

#0F69C5

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

#c50f69

#C4C50F

#0FC56B

#100FC5

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

#c50f69

#0FC56B

#0FC510

#0FC4C5

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

#c50f69

#C5100F

#C56B0F

#C4C50F

Shades

#c50f69 Light Tints

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

#C50F69

#CB2778

#D13F87

#D65796

#DC6FA5

#E287B4

#E89FC3

#EEB7D2

#F3CFE1

#F9E7F0

#c50f69 Gray Shades

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

#C50F69

#BE1A6B

#B7266E

#B03170

#A93C72

#A34875

#9C5377

#955E79

#8E697B

#87757E

#c50f69 Dark Shades

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

#C50F69

#B10E5F

#9E0C54

#8A0B4A

#76093F

#630835

#4F062A

#3B041F

#270315

#14010A

#c50f69 Red Shades

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

#C50F69

#CB0E5F

#D10C54

#D60B4A

#DC093F

#E20835

#E8062A

#EE041F

#F30315

#F9010A

#c50f69 Green Shades

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

#C50F69

#B11A5F

#9E2654

#8A314A

#763C3F

#634835

#4F532A

#3B5E1F

#276915

#14750A

#c50f69 Blue Shades

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

#C50F69

#B10E78

#9E0C87

#8A0B96

#7609A5

#6308B4

#4F06C3

#3B04D2

#2703E1

#1401F0

Readability Analysis

#c50f69 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.76	AA	Sample Text
Black	3.65	A	Sample Text
Red	1.44	Fail	Sample Text
Green	1.12	Fail	Sample Text
Blue	1.49	Fail	Sample Text

#c50f69 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.76	AA	Sample Text
Black	3.65	A	Sample Text
Red	1.44	Fail	Sample Text
Green	1.12	Fail	Sample Text
Blue	1.49	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#804581`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#914461`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c22344`
Protanopia	No red perception - Dichromacy	`#58648e`
Deuteranopia	No green perception - Dichromacy	`#73625d`
Tritanopia	No blue perception - Dichromacy	`#c02e2f`
Achromatomaly	Partial color blindness - Monochromacy	`#6e2c4c`
Achromatopsia	Complete color blindness - Monochromacy	`#3c3c3c`

#c50f69 Color Code

Name	Code
#c50f69 css background color code	`.bg { background-color: #c50f69; }`
#c50f69 css text color code	`.text { color: #c50f69; }`
#c50f69 css border color code	`.border { border-color: #c50f69; }`

#c50f69 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #c50f69 solid background color

Combinations

#c50f69 complementaryColors that are opposite to each other, forming a contrasting pair.

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

#c50f69 triadicThree colors evenly spaced around the color wheel, providing vibrant and balanced color schemes.

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

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

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

Shades

#c50f69 Light Tints

#c50f69 Gray Shades

#c50f69 Dark Shades

#c50f69 Red Shades

#c50f69 Green Shades

#c50f69 Blue Shades

Readability Analysis

#c50f69 as Text Color

#c50f69 as Background Color

Color Blindness Simulation

#c50f69 Color Code

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

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

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

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

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

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