0 views

#2d4ddf - Color Information

#2d4ddf

Base Information

HEX

#2d4ddf

RGB

45,77,223

HSL

229,74,53

HSV

229,80,87

CMYK

80,65,0,13

LAB

40,41,-77

LCH

40,87,298

XYZ

17,11,71

Web Safe

#3366cc

Web Smart

#3355dd

is dark

Yes

luminosity

0.1119

Pantone Color

Combinations

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

#2d4ddf

#DFBF2D

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

#2d4ddf

#DF662D

#A6DF2D

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

#2d4ddf

#DF2D4D

#4DDF2D

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

#2d4ddf

#DF2DA6

#DFBF2D

#2DDF66

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

#2d4ddf

#DFBF2D

#DF662D

#A6DF2D

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

#2d4ddf

#662DDF

#BF2DDF

#DF2DA6

Shades

#2d4ddf Light Tints

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

#2D4DDF

#425FE2

#5771E5

#6C82E9

#8194EC

#96A6EF

#ABB8F2

#C0CAF5

#D5DBF9

#EAEDFC

#2d4ddf Gray Shades

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

#2D4DDF

#3552D6

#3E57CC

#465CC3

#4E61B9

#5767B0

#5F6CA6

#67719D

#6F7693

#787B8A

#2d4ddf Dark Shades

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

#2D4DDF

#2945C9

#243EB2

#1F369C

#1B2E86

#172770

#121F59

#0D1743

#090F2D

#040816

#2d4ddf Red Shades

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

#2D4DDF

#4245C9

#573EB2

#6C369C

#812E86

#962770

#AB1F59

#C01743

#D50F2D

#EA0816

#2d4ddf Green Shades

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

#2D4DDF

#2952C9

#2457B2

#1F5C9C

#1B6186

#176770

#126C59

#0D7143

#09762D

#047B16

#2d4ddf Blue Shades

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

#2D4DDF

#2945E2

#243EE5

#1F36E9

#1B2EEC

#1727EF

#121FF2

#0D17F5

#090FF9

#0408FC

Readability Analysis

#2d4ddf as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.48	AA	Sample Text
Black	3.24	A	Sample Text
Red	1.62	Fail	Sample Text
Green	1.26	Fail	Sample Text
Blue	1.33	Fail	Sample Text

#2d4ddf as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.48	AA	Sample Text
Black	3.24	A	Sample Text
Red	1.62	Fail	Sample Text
Green	1.26	Fail	Sample Text
Blue	1.33	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1056c9`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#105ab8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#105e97`
Protanopia	No red perception - Dichromacy	`#005bbd`
Deuteranopia	No green perception - Dichromacy	`#0061a2`
Tritanopia	No blue perception - Dichromacy	`#00686e`
Achromatomaly	Partial color blindness - Monochromacy	`#444f84`
Achromatopsia	Complete color blindness - Monochromacy	`#515151`

#2d4ddf - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2d4ddf Light Tints

#2d4ddf Gray Shades

#2d4ddf Dark Shades

#2d4ddf Red Shades

#2d4ddf Green Shades

#2d4ddf Blue Shades

Readability Analysis

#2d4ddf as Text Color

#2d4ddf as Background Color

Color Blindness Simulation

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

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

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

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

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

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