0 views

#306f5c - Color Information

#306f5c

Base Information

HEX

#306f5c

RGB

48,111,92

HSL

162,40,31

HSV

162,57,44

CMYK

57,0,17,56

LAB

42,-25,4

LCH

42,26,170

XYZ

9,13,12

Web Safe

#336666

Web Smart

#337755

is dark

Yes

luminosity

0.1277

Pantone Color

Combinations

#306f5c complementary
Colors that are opposite to each other, forming a contrasting pair.

#306f5c

#6F3043

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

#306f5c

#6F3062

#6F3D30

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

#306f5c

#5C306F

#6F5C30

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

#306f5c

#3C306F

#6F3043

#626F30

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

#306f5c

#6F3043

#6F3062

#6F3D30

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

#306f5c

#30626F

#30436F

#3C306F

Shades

#306f5c Light Tints

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

#306F5C

#457D6C

#598C7D

#6E9A8D

#83A99D

#98B7AE

#ACC5BE

#C1D4CE

#D6E2DE

#EAF1EF

#306f5c Gray Shades

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

#306F5C

#387160

#407263

#487467

#50766A

#58786E

#607972

#687B75

#707D79

#787E7C

#306f5c Dark Shades

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

#306F5C

#2B6453

#26594A

#224E40

#1D4337

#18382E

#132C25

#0E211C

#0A1612

#050B09

#306f5c Red Shades

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

#306F5C

#456453

#59594A

#6E4E40

#834337

#98382E

#AC2C25

#C1211C

#D61612

#EA0B09

#306f5c Green Shades

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

#306F5C

#2B7153

#26724A

#227440

#1D7637

#18782E

#137925

#0E7B1C

#0A7D12

#057E09

#306f5c Blue Shades

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

#306F5C

#2B646C

#26597D

#224E8D

#1D439D

#1838AE

#132CBE

#0E21CE

#0A16DE

#050BEF

Readability Analysis

#306f5c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.91	AA	Sample Text
Black	3.55	A	Sample Text
Red	1.48	Fail	Sample Text
Green	1.15	Fail	Sample Text
Blue	1.45	Fail	Sample Text

#306f5c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.91	AA	Sample Text
Black	3.55	A	Sample Text
Red	1.48	Fail	Sample Text
Green	1.15	Fail	Sample Text
Blue	1.45	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#546859`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#58665f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#386d6b`
Protanopia	No red perception - Dichromacy	`#696457`
Deuteranopia	No green perception - Dichromacy	`#6f6161`
Tritanopia	No blue perception - Dichromacy	`#3c6b74`
Achromatomaly	Partial color blindness - Monochromacy	`#4f665f`
Achromatopsia	Complete color blindness - Monochromacy	`#606060`

#306f5c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#306f5c complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#306f5c Light Tints

#306f5c Gray Shades

#306f5c Dark Shades

#306f5c Red Shades

#306f5c Green Shades

#306f5c Blue Shades

Readability Analysis

#306f5c as Text Color

#306f5c as Background Color

Color Blindness Simulation

#306f5c complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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