0 views

#2c5e7f - Color Information

#2c5e7f

Base Information

HEX

#2c5e7f

RGB

44,94,127

HSL

204,49,34

HSV

204,65,50

CMYK

65,26,0,50

LAB

38,-6,-24

LCH

38,24,256

XYZ

9,10,22

Web Safe

#336666

Web Smart

#336677

is dark

Yes

luminosity

0.1007

Pantone Color

Combinations

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

#2c5e7f

#7F4D2C

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

#2c5e7f

#7F2C35

#7F762C

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

#2c5e7f

#7F2C5E

#5E7F2C

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

#2c5e7f

#762C7F

#7F4D2C

#357F2C

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

#2c5e7f

#7F4D2C

#7F2C35

#7F762C

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

#2c5e7f

#2C357F

#4D2C7F

#762C7F

Shades

#2c5e7f Light Tints

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

#2C5E7F

#416E8C

#567E99

#6B8EA5

#809EB2

#96AFBF

#ABBFCC

#C0CFD9

#D5DFE5

#EAEFF2

#2c5e7f Gray Shades

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

#2C5E7F

#34617F

#3D657F

#45687F

#4E6C7F

#566F80

#5E7280

#677680

#6F7980

#787D80

#2c5e7f Dark Shades

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

#2C5E7F

#285572

#234B66

#1F4259

#1A384C

#162F40

#122633

#0D1C26

#091319

#04090D

#2c5e7f Red Shades

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

#2C5E7F

#415572

#564B66

#6B4259

#80384C

#962F40

#AB2633

#C01C26

#D51319

#EA090D

#2c5e7f Green Shades

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

#2C5E7F

#286172

#236566

#1F6859

#1A6C4C

#166F40

#127233

#0D7626

#097919

#047D0D

#2c5e7f Blue Shades

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

#2C5E7F

#28558C

#234B99

#1F42A5

#1A38B2

#162FBF

#1226CC

#0D1CD9

#0913E5

#0409F2

Readability Analysis

#2c5e7f as Text Color

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

#2c5e7f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.97	AA	Sample Text
Black	3.01	A	Sample Text
Red	1.74	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	`#435b7c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#3f5b80`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#276172`
Protanopia	No red perception - Dichromacy	`#50597a`
Deuteranopia	No green perception - Dichromacy	`#4a5980`
Tritanopia	No blue perception - Dichromacy	`#24626a`
Achromatomaly	Partial color blindness - Monochromacy	`#475965`
Achromatopsia	Complete color blindness - Monochromacy	`#565656`

#2c5e7f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2c5e7f Light Tints

#2c5e7f Gray Shades

#2c5e7f Dark Shades

#2c5e7f Red Shades

#2c5e7f Green Shades

#2c5e7f Blue Shades

Readability Analysis

#2c5e7f as Text Color

#2c5e7f as Background Color

Color Blindness Simulation

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

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

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

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

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

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