2 views

#a0380f - Color Information

#a0380f

Base Information

HEX

#a0380f

RGB

160,56,15

HSL

17,83,34

HSV

17,91,63

CMYK

0,65,91,37

LAB

38,41,45

LCH

38,61,47

XYZ

16,10,2

Web Safe

#993300

Web Smart

#993311

luminosity

0.1034

is dark color

Yes

Generate #a0380f solid background color

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

Combinations

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

#a0380f

#0F77A0

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

#a0380f

#0FA081

#0F2FA0

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

#a0380f

#0FA038

#380FA0

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

#a0380f

#2FA00F

#0F77A0

#810FA0

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

#a0380f

#0F77A0

#0FA081

#0F2FA0

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

#a0380f

#A0810F

#77A00F

#2FA00F

Shades

#a0380f Light Tints

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

#A0380F

#AA4C27

#B3603F

#BD7457

#C6886F

#D09C87

#D9AF9F

#E3C3B7

#ECD7CF

#F6EBE7

#a0380f Gray Shades

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

#A0380F

#9D3F1A

#9A4626

#964E31

#93553C

#905C48

#8D6353

#8A6A5E

#867269

#837975

#a0380f Dark Shades

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

#A0380F

#90320E

#802D0C

#70270B

#602209

#501C08

#401606

#301104

#200B03

#100601

#a0380f Red Shades

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

#A0380F

#AA320E

#B32D0C

#BD270B

#C62209

#D01C08

#D91606

#E31104

#EC0B03

#F60601

#a0380f Green Shades

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

#A0380F

#903F0E

#80460C

#704E0B

#605509

#505C08

#406306

#306A04

#207203

#107901

#a0380f Blue Shades

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

#A0380F

#903227

#802D3F

#702757

#60226F

#501C87

#40169F

#3011B7

#200BCF

#1006E7

Readability Analysis

#a0380f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.85	AA	Sample Text
Black	3.07	A	Sample Text
Red	1.71	Fail	Sample Text
Green	1.33	Fail	Sample Text
Blue	1.26	Fail	Sample Text

#a0380f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.85	AA	Sample Text
Black	3.07	A	Sample Text
Red	1.71	Fail	Sample Text
Green	1.33	Fail	Sample Text
Blue	1.26	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#7b4e18`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#844b07`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#a0372b`
Protanopia	No red perception - Dichromacy	`#665b1e`
Deuteranopia	No green perception - Dichromacy	`#745602`
Tritanopia	No blue perception - Dichromacy	`#a0373a`
Achromatomaly	Partial color blindness - Monochromacy	`#6a4435`
Achromatopsia	Complete color blindness - Monochromacy	`#4b4b4b`

#a0380f Color Code

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

#a0380f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

luminosity

is dark color

Generate #a0380f solid background color

Combinations

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

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

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

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

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

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

Shades

#a0380f Light Tints

#a0380f Gray Shades

#a0380f Dark Shades

#a0380f Red Shades

#a0380f Green Shades

#a0380f Blue Shades

Readability Analysis

#a0380f as Text Color

#a0380f as Background Color

Color Blindness Simulation

#a0380f Color Code

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

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

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

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

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

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