0 views

#2e5f74 - Color Information

#2e5f74

Base Information

HEX

#2e5f74

RGB

46,95,116

HSL

198,43,32

HSV

198,60,45

CMYK

60,18,0,55

LAB

38,-10,-17

LCH

38,20,240

XYZ

8,10,18

Web Safe

#336666

Web Smart

#336677

is dark

Yes

luminosity

0.1003

Pantone Color

Combinations

#2e5f74 complementary
Colors that are opposite to each other, forming a contrasting pair.

#2e5f74

#74432E

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

#2e5f74

#742E3C

#74662E

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

#2e5f74

#742E5F

#5F742E

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

#2e5f74

#662E74

#74432E

#3C742E

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

#2e5f74

#74432E

#742E3C

#74662E

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

#2e5f74

#2E3C74

#432E74

#662E74

Shades

#2e5f74 Light Tints

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

#2E5F74

#436F82

#587F90

#6D8F9E

#829FAC

#97AFBA

#ABBFC7

#C0CFD5

#D5DFE3

#EAEFF1

#2e5f74 Gray Shades

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

#2E5F74

#366275

#3E6676

#476978

#4F6C79

#57707A

#5F737B

#67767C

#70797E

#787D7F

#2e5f74 Dark Shades

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

#2E5F74

#295668

#254C5D

#204351

#1C3946

#17303A

#12262E

#0E1C23

#091317

#05090C

#2e5f74 Red Shades

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

#2E5F74

#435668

#584C5D

#6D4351

#823946

#97303A

#AB262E

#C01C23

#D51317

#EA090C

#2e5f74 Green Shades

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

#2E5F74

#296268

#25665D

#206951

#1C6C46

#17703A

#12732E

#0E7623

#097917

#057D0C

#2e5f74 Blue Shades

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

#2E5F74

#295682

#254C90

#20439E

#1C39AC

#1730BA

#1226C7

#0E1CD5

#0913E3

#0509F1

Readability Analysis

#2e5f74 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.99	AA	Sample Text
Black	3.01	A	Sample Text
Red	1.75	Fail	Sample Text
Green	1.36	Fail	Sample Text
Blue	1.23	Fail	Sample Text

#2e5f74 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.99	AA	Sample Text
Black	3.01	A	Sample Text
Red	1.75	Fail	Sample Text
Green	1.36	Fail	Sample Text
Blue	1.23	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#465b71`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#455b75`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#2d606d`
Protanopia	No red perception - Dichromacy	`#54596f`
Deuteranopia	No green perception - Dichromacy	`#525876`
Tritanopia	No blue perception - Dichromacy	`#2d6169`
Achromatomaly	Partial color blindness - Monochromacy	`#485961`
Achromatopsia	Complete color blindness - Monochromacy	`#565656`

#2e5f74 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#2e5f74 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#2e5f74 Light Tints

#2e5f74 Gray Shades

#2e5f74 Dark Shades

#2e5f74 Red Shades

#2e5f74 Green Shades

#2e5f74 Blue Shades

Readability Analysis

#2e5f74 as Text Color

#2e5f74 as Background Color

Color Blindness Simulation

#2e5f74 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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