0 views

#2d5a9e - Color Information

#2d5a9e

Base Information

HEX

#2d5a9e

RGB

45,90,158

HSL

216,56,40

HSV

216,72,62

CMYK

72,43,0,38

LAB

38,8,-42

LCH

38,42,281

XYZ

11,10,34

Web Safe

#336699

Web Smart

#335599

is dark

Yes

luminosity

0.1034

Pantone Color

Combinations

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

#2d5a9e

#9E712D

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

#2d5a9e

#9E392D

#929E2D

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

#2d5a9e

#9E2D5A

#5A9E2D

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

#2d5a9e

#9E2D92

#9E712D

#2D9E39

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

#2d5a9e

#9E712D

#9E392D

#929E2D

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

#2d5a9e

#392D9E

#712D9E

#9E2D92

Shades

#2d5a9e Light Tints

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

#2D5A9E

#426BA8

#577BB1

#6C8CBB

#819CC5

#96ADCF

#ABBDD8

#C0CEE2

#D5DEEC

#EAEFF5

#2d5a9e Gray Shades

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

#2D5A9E

#355E9B

#3E6298

#466595

#4E6992

#576D8F

#5F718C

#677589

#6F7886

#787C83

#2d5a9e Dark Shades

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

#2D5A9E

#29518E

#24487E

#1F3F6F

#1B365F

#172D4F

#12243F

#0D1B2F

#091220

#040910

#2d5a9e Red Shades

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

#2D5A9E

#42518E

#57487E

#6C3F6F

#81365F

#962D4F

#AB243F

#C01B2F

#D51220

#EA0910

#2d5a9e Green Shades

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

#2D5A9E

#295E8E

#24627E

#1F656F

#1B695F

#176D4F

#12713F

#0D752F

#097820

#047C10

#2d5a9e Blue Shades

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

#2D5A9E

#2951A8

#2448B1

#1F3FBB

#1B36C5

#172DCF

#1224D8

#0D1BE2

#0912EC

#0409F5

Readability Analysis

#2d5a9e as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.85	AA	Sample Text
Black	3.07	A	Sample Text
Red	1.71	Fail	Sample Text
Green	1.33	Fail	Sample Text
Blue	1.26	Fail	Sample Text

#2d5a9e as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.85	AA	Sample Text
Black	3.07	A	Sample Text
Red	1.71	Fail	Sample Text
Green	1.33	Fail	Sample Text
Blue	1.26	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#37599c`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#285b9d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#10617e`
Protanopia	No red perception - Dichromacy	`#3c599b`
Deuteranopia	No green perception - Dichromacy	`#255c9c`
Tritanopia	No blue perception - Dichromacy	`#00656c`
Achromatomaly	Partial color blindness - Monochromacy	`#475770`
Achromatopsia	Complete color blindness - Monochromacy	`#555555`

#2d5a9e - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2d5a9e Light Tints

#2d5a9e Gray Shades

#2d5a9e Dark Shades

#2d5a9e Red Shades

#2d5a9e Green Shades

#2d5a9e Blue Shades

Readability Analysis

#2d5a9e as Text Color

#2d5a9e as Background Color

Color Blindness Simulation

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

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

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

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

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

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