0 views

#302f4c - Color Information

#302f4c

Base Information

HEX

#302f4c

RGB

48,47,76

HSL

242,24,24

HSV

242,38,30

CMYK

37,38,0,70

LAB

21,9,-18

LCH

21,20,296

XYZ

4,3,7

Web Safe

#333333

Web Smart

#333344

is dark

Yes

luminosity

0.0318

Pantone Color

Combinations

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

#302f4c

#4B4C2F

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

#302f4c

#4C3F2F

#3D4C2F

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

#302f4c

#4C302F

#2F4C30

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

#302f4c

#4C2F3D

#4B4C2F

#2F4C3F

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

#302f4c

#4B4C2F

#4C3F2F

#3D4C2F

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

#302f4c

#3F2F4C

#4C2F4B

#4C2F3D

Shades

#302f4c Light Tints

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

#302F4C

#45445E

#595970

#6E6D82

#838294

#9897A6

#ACACB7

#C1C1C9

#D6D5DB

#EAEAED

#302f4c Gray Shades

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

#302F4C

#383751

#403F56

#48475C

#504F61

#585866

#60606B

#686870

#707076

#78787B

#302f4c Dark Shades

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

#302F4C

#2B2A44

#26263D

#222135

#1D1C2E

#181826

#13131E

#0E0E17

#0A090F

#050508

#302f4c Red Shades

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

#302F4C

#452A44

#59263D

#6E2135

#831C2E

#981826

#AC131E

#C10E17

#D6090F

#EA0508

#302f4c Green Shades

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

#302F4C

#2B3744

#263F3D

#224735

#1D4F2E

#185826

#13601E

#0E6817

#0A700F

#057808

#302f4c Blue Shades

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

#302F4C

#2B2A5E

#262670

#222182

#1D1C94

#1818A6

#1313B7

#0E0EC9

#0A09DB

#0505ED

Readability Analysis

#302f4c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	12.83	AAA	Sample Text
Black	1.64	Fail	Sample Text
Red	3.21	A	Sample Text
Green	2.50	Fail	Sample Text
Blue	1.49	Fail	Sample Text

#302f4c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	12.83	AAA	Sample Text
Black	1.64	Fail	Sample Text
Red	3.21	A	Sample Text
Green	2.50	Fail	Sample Text
Blue	1.49	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#2d324e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#2d334c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#2f3441`
Protanopia	No red perception - Dichromacy	`#2c344f`
Deuteranopia	No green perception - Dichromacy	`#2c354c`
Tritanopia	No blue perception - Dichromacy	`#2f363b`
Achromatomaly	Partial color blindness - Monochromacy	`#31303b`
Achromatopsia	Complete color blindness - Monochromacy	`#313131`

#302f4c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#302f4c Light Tints

#302f4c Gray Shades

#302f4c Dark Shades

#302f4c Red Shades

#302f4c Green Shades

#302f4c Blue Shades

Readability Analysis

#302f4c as Text Color

#302f4c as Background Color

Color Blindness Simulation

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

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

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

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

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

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