0 views

#031f6c - Color Information

#031f6c

Base Information

HEX

#031f6c

RGB

3,31,108

HSL

224,95,22

HSV

224,97,42

CMYK

97,71,0,58

LAB

16,24,-47

LCH

16,53,298

XYZ

3,2,14

Web Safe

#003366

Web Smart

#002266

is dark

Yes

luminosity

0.0208

Pantone Color

Combinations

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

#031f6c

#6C5003

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

#031f6c

#6C1C03

#546C03

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

#031f6c

#6C031F

#1F6C03

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

#031f6c

#6C0353

#6C5003

#036C1C

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

#031f6c

#6C5003

#6C1C03

#546C03

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

#031f6c

#1C036C

#50036C

#6C0353

Shades

#031f6c Light Tints

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

#031F6C

#1C357B

#354C89

#4F6298

#6879A7

#818FB6

#9AA5C4

#B3BCD3

#CDD2E2

#E6E9F0

#031f6c Gray Shades

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

#031F6C

#0F296E

#1C3270

#293C72

#354674

#425076

#4E5978

#5B637A

#676D7C

#74767E

#031f6c Dark Shades

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

#031F6C

#031C61

#021956

#02164C

#021341

#021036

#010C2B

#010920

#010616

#00030B

#031f6c Red Shades

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

#031F6C

#1C1C61

#351956

#4F164C

#681341

#811036

#9A0C2B

#B30920

#CD0616

#E6030B

#031f6c Green Shades

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

#031F6C

#032961

#023256

#023C4C

#024641

#025036

#01592B

#016320

#016D16

#00760B

#031f6c Blue Shades

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

#031F6C

#031C7B

#021989

#021698

#0213A7

#0210B6

#010CC4

#0109D3

#0106E2

#0003F0

Readability Analysis

#031f6c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	14.83	AAA	Sample Text
Black	1.42	Fail	Sample Text
Red	3.71	A	Sample Text
Green	2.89	Fail	Sample Text
Blue	1.73	Fail	Sample Text

#031f6c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	14.83	AAA	Sample Text
Black	1.42	Fail	Sample Text
Red	3.71	A	Sample Text
Green	2.89	Fail	Sample Text
Blue	1.73	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#01265f`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#012857`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#012a48`
Protanopia	No red perception - Dichromacy	`#002a58`
Deuteranopia	No green perception - Dichromacy	`#002d4b`
Tritanopia	No blue perception - Dichromacy	`#003133`
Achromatomaly	Partial color blindness - Monochromacy	`#151f3b`
Achromatopsia	Complete color blindness - Monochromacy	`#1f1f1f`

#031f6c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#031f6c Light Tints

#031f6c Gray Shades

#031f6c Dark Shades

#031f6c Red Shades

#031f6c Green Shades

#031f6c Blue Shades

Readability Analysis

#031f6c as Text Color

#031f6c as Background Color

Color Blindness Simulation

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

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

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

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

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

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