0 views

#2d6ba8 - Color Information

#2d6ba8

Base Information

HEX

#2d6ba8

RGB

45,107,168

HSL

210,58,42

HSV

210,73,66

CMYK

73,36,0,34

LAB

44,1,-38

LCH

44,38,272

XYZ

13,14,39

Web Safe

#336699

Web Smart

#3366aa

is dark

Yes

luminosity

0.1390

Pantone Color

Combinations

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

#2d6ba8

#A86A2D

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

#2d6ba8

#A82D2D

#A8A72D

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

#2d6ba8

#A82D6B

#6BA82D

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

#2d6ba8

#A72DA8

#A86A2D

#2DA82D

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

#2d6ba8

#A86A2D

#A82D2D

#A8A72D

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

#2d6ba8

#2D2DA8

#6A2DA8

#A72DA8

Shades

#2d6ba8 Light Tints

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

#2D6BA8

#427AB1

#5789B9

#6C97C2

#81A6CB

#96B5D4

#ABC4DC

#C0D3E5

#D5E1EE

#EAF0F6

#2d6ba8 Gray Shades

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

#2D6BA8

#356DA4

#3E6FA0

#46719C

#4E7398

#577694

#5F7890

#677A8C

#6F7C88

#787E84

#2d6ba8 Dark Shades

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

#2D6BA8

#296097

#245686

#1F4B76

#1B4065

#173654

#122B43

#0D2032

#091522

#040B11

#2d6ba8 Red Shades

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

#2D6BA8

#426097

#575686

#6C4B76

#814065

#963654

#AB2B43

#C02032

#D51522

#EA0B11

#2d6ba8 Green Shades

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

#2D6BA8

#296D97

#246F86

#1F7176

#1B7365

#177654

#127843

#0D7A32

#097C22

#047E11

#2d6ba8 Blue Shades

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

#2D6BA8

#2960B1

#2456B9

#1F4BC2

#1B40CB

#1736D4

#122BDC

#0D20E5

#0915EE

#040BF6

Readability Analysis

#2d6ba8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.56	AA	Sample Text
Black	3.78	A	Sample Text
Red	1.39	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.55	Fail	Sample Text

#2d6ba8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.56	AA	Sample Text
Black	3.78	A	Sample Text
Red	1.39	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.55	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4368a5`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#3969a8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#10708c`
Protanopia	No red perception - Dichromacy	`#5066a3`
Deuteranopia	No green perception - Dichromacy	`#4068a8`
Tritanopia	No blue perception - Dichromacy	`#00737c`
Achromatomaly	Partial color blindness - Monochromacy	`#4f657c`
Achromatopsia	Complete color blindness - Monochromacy	`#626262`

#2d6ba8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2d6ba8 Light Tints

#2d6ba8 Gray Shades

#2d6ba8 Dark Shades

#2d6ba8 Red Shades

#2d6ba8 Green Shades

#2d6ba8 Blue Shades

Readability Analysis

#2d6ba8 as Text Color

#2d6ba8 as Background Color

Color Blindness Simulation

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

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

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

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

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

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