0 views

#301f6c - Color Information

#301f6c

Base Information

HEX

#301f6c

RGB

48,31,108

HSL

253,55,27

HSV

253,71,42

CMYK

56,71,0,58

LAB

19,30,-42

LCH

19,52,305

XYZ

4,3,14

Web Safe

#333366

Web Smart

#332266

is dark

Yes

luminosity

0.0269

Pantone Color

Combinations

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

#301f6c

#5B6C1F

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

#301f6c

#6C571F

#346C1F

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

#301f6c

#6C301F

#1F6C30

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

#301f6c

#6C1F34

#5B6C1F

#1F6C57

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

#301f6c

#5B6C1F

#6C571F

#346C1F

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

#301f6c

#571F6C

#6C1F5B

#6C1F34

Shades

#301f6c Light Tints

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

#301F6C

#45357B

#594C89

#6E6298

#8379A7

#988FB6

#ACA5C4

#C1BCD3

#D6D2E2

#EAE9F0

#301f6c Gray Shades

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

#301F6C

#38296E

#403270

#483C72

#504674

#585076

#605978

#68637A

#706D7C

#78767E

#301f6c Dark Shades

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

#301F6C

#2B1C61

#261956

#22164C

#1D1341

#181036

#130C2B

#0E0920

#0A0616

#05030B

#301f6c Red Shades

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

#301F6C

#451C61

#591956

#6E164C

#831341

#981036

#AC0C2B

#C10920

#D60616

#EA030B

#301f6c Green Shades

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

#301F6C

#2B2961

#263256

#223C4C

#1D4641

#185036

#13592B

#0E6320

#0A6D16

#05760B

#301f6c Blue Shades

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

#301F6C

#2B1C7B

#261989

#221698

#1D13A7

#1810B6

#130CC4

#0E09D3

#0A06E2

#0503F0

Readability Analysis

#301f6c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	13.65	AAA	Sample Text
Black	1.54	Fail	Sample Text
Red	3.41	A	Sample Text
Green	2.66	Fail	Sample Text
Blue	1.59	Fail	Sample Text

#301f6c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	13.65	AAA	Sample Text
Black	1.54	Fail	Sample Text
Red	3.41	A	Sample Text
Green	2.66	Fail	Sample Text
Blue	1.59	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#112a66`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#112b5e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#252d4b`
Protanopia	No red perception - Dichromacy	`#003063`
Deuteranopia	No green perception - Dichromacy	`#003356`
Tritanopia	No blue perception - Dichromacy	`#1f3539`
Achromatomaly	Partial color blindness - Monochromacy	`#2b2541`
Achromatopsia	Complete color blindness - Monochromacy	`#282828`

#301f6c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#301f6c Light Tints

#301f6c Gray Shades

#301f6c Dark Shades

#301f6c Red Shades

#301f6c Green Shades

#301f6c Blue Shades

Readability Analysis

#301f6c as Text Color

#301f6c as Background Color

Color Blindness Simulation

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

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

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

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

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

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