3 views

#d02039 - Color Information

#d02039

Base Information

HEX

#d02039

RGB

208,32,57

HSL

351,73,47

HSV

351,85,82

CMYK

0,85,73,18

LAB

45,66,33

LCH

45,73,26

XYZ

27,15,5

Web Safe

#cc3333

Web Smart

#cc2233

luminosity

0.1474

is dark color

Yes

Generate #d02039 solid background color

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

Combinations

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

#d02039

#20D0B7

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

#d02039

#20D05F

#2091D0

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

#d02039

#39D020

#2039D0

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

#d02039

#91D020

#20D0B7

#5F20D0

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

#d02039

#20D0B7

#20D05F

#2091D0

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

#d02039

#D05F20

#D0B720

#91D020

Shades

#d02039 Light Tints

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

#D02039

#D5364D

#D94D61

#DE6374

#E37988

#E8909C

#ECA6B0

#F1BCC4

#F6D2D7

#FAE9EB

#d02039 Gray Shades

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

#D02039

#C82A40

#C03347

#B83D4E

#B04655

#A8505D

#A05A64

#98636B

#906D72

#887679

#d02039 Dark Shades

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

#D02039

#BB1D33

#A61A2E

#921628

#7D1322

#68101D

#530D17

#3E0A11

#2A060B

#150306

#d02039 Red Shades

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

#D02039

#D51D33

#D91A2E

#DE1628

#E31322

#E8101D

#EC0D17

#F10A11

#F6060B

#FA0306

#d02039 Green Shades

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

#D02039

#BB2A33

#A6332E

#923D28

#7D4622

#68501D

#535A17

#3E6311

#2A6D0B

#157606

#d02039 Blue Shades

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

#D02039

#BB1D4D

#A61A61

#921674

#7D1388

#68109C

#530DB0

#3E0AC4

#2A06D7

#1503EB

Readability Analysis

#d02039 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.32	AA	Sample Text
Black	3.95	A	Sample Text
Red	1.33	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.62	Fail	Sample Text

#d02039 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.32	AA	Sample Text
Black	3.95	A	Sample Text
Red	1.33	Fail	Sample Text
Green	1.04	Fail	Sample Text
Blue	1.62	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#954f48`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#a14c33`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#cf262f`
Protanopia	No red perception - Dichromacy	`#736b51`
Deuteranopia	No green perception - Dichromacy	`#856630`
Tritanopia	No blue perception - Dichromacy	`#ce2929`
Achromatomaly	Partial color blindness - Monochromacy	`#793942`
Achromatopsia	Complete color blindness - Monochromacy	`#474747`

#d02039 Color Code

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

#d02039 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #d02039 solid background color

Combinations

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

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

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

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

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

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

Shades

#d02039 Light Tints

#d02039 Gray Shades

#d02039 Dark Shades

#d02039 Red Shades

#d02039 Green Shades

#d02039 Blue Shades

Readability Analysis

#d02039 as Text Color

#d02039 as Background Color

Color Blindness Simulation

#d02039 Color Code

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

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

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

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

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

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