0 views

#080aa3 - Color Information

#080aa3

Base Information

HEX

#080aa3

RGB

8,10,163

HSL

239,91,34

HSV

239,95,64

CMYK

95,94,0,36

LAB

20,54,-75

LCH

20,93,306

XYZ

7,3,35

Web Safe

#000099

Web Smart

#0011aa

is dark

Yes

luminosity

0.0291

Pantone Color

Combinations

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

#080aa3

#A3A108

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

#080aa3

#A35408

#57A308

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

#080aa3

#A3080A

#0AA308

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

#080aa3

#A30857

#A3A108

#08A354

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

#080aa3

#A3A108

#A35408

#57A308

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

#080aa3

#5408A3

#A108A3

#A30857

Shades

#080aa3 Light Tints

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

#080AA3

#2122AC

#393BB5

#5254BF

#6B6CC8

#8485D1

#9C9DDA

#B5B6E3

#CECEED

#E6E7F6

#080aa3 Gray Shades

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

#080AA3

#1416A0

#20229C

#2C2D99

#383995

#444592

#50518E

#5C5D8B

#686887

#747484

#080aa3 Dark Shades

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

#080AA3

#070993

#060882

#060772

#050662

#040552

#030441

#020331

#020221

#010110

#080aa3 Red Shades

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

#080AA3

#210993

#390882

#520772

#6B0662

#840552

#9C0441

#B50331

#CE0221

#E60110

#080aa3 Green Shades

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

#080AA3

#071693

#062282

#062D72

#053962

#044552

#035141

#025D31

#026821

#017410

#080aa3 Blue Shades

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

#080AA3

#0709AC

#0608B5

#0607BF

#0506C8

#0405D1

#0304DA

#0203E3

#0202ED

#0101F6

Readability Analysis

#080aa3 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	13.27	AAA	Sample Text
Black	1.58	Fail	Sample Text
Red	3.32	A	Sample Text
Green	2.58	Fail	Sample Text
Blue	1.54	Fail	Sample Text

#080aa3 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	13.27	AAA	Sample Text
Black	1.58	Fail	Sample Text
Red	3.32	A	Sample Text
Green	2.58	Fail	Sample Text
Blue	1.54	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#03237c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#032572`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#032861`
Protanopia	No red perception - Dichromacy	`#003266`
Deuteranopia	No green perception - Dichromacy	`#003557`
Tritanopia	No blue perception - Dichromacy	`#00393b`
Achromatomaly	Partial color blindness - Monochromacy	`#101148`
Achromatopsia	Complete color blindness - Monochromacy	`#151515`

#080aa3 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#080aa3 Light Tints

#080aa3 Gray Shades

#080aa3 Dark Shades

#080aa3 Red Shades

#080aa3 Green Shades

#080aa3 Blue Shades

Readability Analysis

#080aa3 as Text Color

#080aa3 as Background Color

Color Blindness Simulation

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

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

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

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

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

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