0 views

#302a6c - Color Information

#302a6c

Base Information

HEX

#302a6c

RGB

48,42,108

HSL

245,44,29

HSV

245,61,42

CMYK

56,61,0,58

LAB

21,23,-38

LCH

21,44,301

XYZ

5,3,15

Web Safe

#333366

Web Smart

#332266

is dark

Yes

luminosity

0.0337

Pantone Color

Combinations

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

#302a6c

#666C2A

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

#302a6c

#6C512A

#456C2A

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

#302a6c

#6C302A

#2A6C30

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

#302a6c

#6C2A45

#666C2A

#2A6C51

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

#302a6c

#666C2A

#6C512A

#456C2A

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

#302a6c

#512A6C

#6C2A66

#6C2A45

Shades

#302a6c Light Tints

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

#302A6C

#453F7B

#595589

#6E6A98

#837FA7

#9895B6

#ACAAC4

#C1BFD3

#D6D4E2

#EAEAF0

#302a6c Gray Shades

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

#302A6C

#38336E

#403B70

#484472

#504C74

#585576

#605E78

#68667A

#706F7C

#78777E

#302a6c Dark Shades

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

#302A6C

#2B2661

#262256

#221D4C

#1D1941

#181536

#13112B

#0E0D20

#0A0816

#05040B

#302a6c Red Shades

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

#302A6C

#452661

#592256

#6E1D4C

#831941

#981536

#AC112B

#C10D20

#D60816

#EA040B

#302a6c Green Shades

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

#302A6C

#2B3361

#263B56

#22444C

#1D4C41

#185536

#135E2B

#0E6620

#0A6F16

#05770B

#302a6c Blue Shades

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

#302A6C

#2B267B

#262289

#221D98

#1D19A7

#1815B6

#1311C4

#0E0DD3

#0A08E2

#0504F0

Readability Analysis

#302a6c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	12.55	AAA	Sample Text
Black	1.67	Fail	Sample Text
Red	3.14	A	Sample Text
Green	2.44	Fail	Sample Text
Blue	1.46	Fail	Sample Text

#302a6c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	12.55	AAA	Sample Text
Black	1.67	Fail	Sample Text
Red	3.14	A	Sample Text
Green	2.44	Fail	Sample Text
Blue	1.46	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#11316d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#113364`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#27344f`
Protanopia	No red perception - Dichromacy	`#00356e`
Deuteranopia	No green perception - Dichromacy	`#003860`
Tritanopia	No blue perception - Dichromacy	`#213a3f`
Achromatomaly	Partial color blindness - Monochromacy	`#302e46`
Achromatopsia	Complete color blindness - Monochromacy	`#303030`

#302a6c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#302a6c Light Tints

#302a6c Gray Shades

#302a6c Dark Shades

#302a6c Red Shades

#302a6c Green Shades

#302a6c Blue Shades

Readability Analysis

#302a6c as Text Color

#302a6c as Background Color

Color Blindness Simulation

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

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

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

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

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

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