0 views

#ca070f - Color Information

#ca070f

Base Information

HEX

#ca070f

RGB

202,7,15

HSL

358,93,41

HSV

358,97,79

CMYK

0,97,93,21

LAB

42,67,51

LCH

42,84,38

XYZ

25,13,2

Web Safe

#cc0000

Web Smart

#cc0011

luminosity

0.1274

is dark color

Yes

Generate #ca070f solid background color

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

Combinations

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

#ca070f

#07CAC2

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

#ca070f

#07CA61

#0770CA

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

#ca070f

#0FCA07

#070FCA

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

#ca070f

#71CA07

#07CAC2

#6007CA

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

#ca070f

#07CAC2

#07CA61

#0770CA

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

#ca070f

#CA6107

#CAC207

#71CA07

Shades

#ca070f Light Tints

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

#CA070F

#CF2027

#D5393F

#DA5157

#DF6A6F

#E58387

#EA9C9F

#EFB5B7

#F4CDCF

#FAE6E7

#ca070f Gray Shades

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

#CA070F

#C3131A

#BB1F26

#B42B31

#AC373C

#A54448

#9E5053

#965C5E

#8F6869

#877475

#ca070f Dark Shades

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

#CA070F

#B6060E

#A2060C

#8D050B

#790409

#650408

#510306

#3D0204

#280103

#140101

#ca070f Red Shades

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

#CA070F

#CF060E

#D5060C

#DA050B

#DF0409

#E50408

#EA0306

#EF0204

#F40103

#FA0101

#ca070f Green Shades

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

#CA070F

#B6130E

#A21F0C

#8D2B0B

#793709

#654408

#515006

#3D5C04

#286803

#147401

#ca070f Blue Shades

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

#CA070F

#B60627

#A2063F

#8D0557

#79046F

#650487

#51039F

#3D02B7

#2801CF

#1401E7

Readability Analysis

#ca070f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.92	AA	Sample Text
Black	3.55	A	Sample Text
Red	1.48	Fail	Sample Text
Green	1.15	Fail	Sample Text
Blue	1.45	Fail	Sample Text

#ca070f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.92	AA	Sample Text
Black	3.55	A	Sample Text
Red	1.48	Fail	Sample Text
Green	1.15	Fail	Sample Text
Blue	1.45	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#91421d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#9b3f05`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#c90e09`
Protanopia	No red perception - Dichromacy	`#706425`
Deuteranopia	No green perception - Dichromacy	`#805f00`
Tritanopia	No blue perception - Dichromacy	`#c91206`
Achromatomaly	Partial color blindness - Monochromacy	`#692225`
Achromatopsia	Complete color blindness - Monochromacy	`#313131`

#ca070f Color Code

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

#ca070f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #ca070f solid background color

Combinations

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

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

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

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

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

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

Shades

#ca070f Light Tints

#ca070f Gray Shades

#ca070f Dark Shades

#ca070f Red Shades

#ca070f Green Shades

#ca070f Blue Shades

Readability Analysis

#ca070f as Text Color

#ca070f as Background Color

Color Blindness Simulation

#ca070f Color Code

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

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

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

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

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

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