0 views

#2d6dda - Color Information

#2d6dda

Base Information

HEX

#2d6dda

RGB

45,109,218

HSL

218,70,52

HSV

218,79,85

CMYK

79,50,0,15

LAB

48,19,-62

LCH

48,64,287

XYZ

19,17,68

Web Safe

#3366cc

Web Smart

#3366dd

is dark

Yes

luminosity

0.1656

Pantone Color

Combinations

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

#2d6dda

#DA9A2D

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

#2d6dda

#DA432D

#C4DA2D

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

#2d6dda

#DA2D6D

#6DDA2D

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

#2d6dda

#DA2DC3

#DA9A2D

#2DDA43

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

#2d6dda

#DA9A2D

#DA432D

#C4DA2D

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

#2d6dda

#432DDA

#9A2DDA

#DA2DC3

Shades

#2d6dda Light Tints

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

#2D6DDA

#427CDE

#578AE1

#6C99E5

#81A7E9

#96B6ED

#ABC5F0

#C0D3F4

#D5E2F8

#EAF0FB

#2d6dda Gray Shades

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

#2D6DDA

#356FD1

#3E71C8

#4673BF

#4E75B6

#5777AD

#5F78A4

#677A9B

#6F7C92

#787E89

#2d6dda Dark Shades

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

#2D6DDA

#2962C4

#2457AE

#1F4C99

#1B4183

#17376D

#122C57

#0D2141

#09162C

#040B16

#2d6dda Red Shades

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

#2D6DDA

#4262C4

#5757AE

#6C4C99

#814183

#96376D

#AB2C57

#C02141

#D5162C

#EA0B16

#2d6dda Green Shades

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

#2D6DDA

#296FC4

#2471AE

#1F7399

#1B7583

#17776D

#127857

#0D7A41

#097C2C

#047E16

#2d6dda Blue Shades

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

#2D6DDA

#2962DE

#2457E1

#1F4CE5

#1B41E9

#1737ED

#122CF0

#0D21F4

#0916F8

#040BFB

Readability Analysis

#2d6dda as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.87	AA	Sample Text
Black	4.31	A	Sample Text
Red	1.22	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.76	Fail	Sample Text

#2d6dda as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.87	AA	Sample Text
Black	4.31	A	Sample Text
Red	1.22	Fail	Sample Text
Green	1.05	Fail	Sample Text
Blue	1.76	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#2c6dda`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1071cd`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1077a4`
Protanopia	No red perception - Dichromacy	`#2b6dd9`
Deuteranopia	No green perception - Dichromacy	`#0073c6`
Tritanopia	No blue perception - Dichromacy	`#007d85`
Achromatomaly	Partial color blindness - Monochromacy	`#526991`
Achromatopsia	Complete color blindness - Monochromacy	`#676767`

#2d6dda - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2d6dda Light Tints

#2d6dda Gray Shades

#2d6dda Dark Shades

#2d6dda Red Shades

#2d6dda Green Shades

#2d6dda Blue Shades

Readability Analysis

#2d6dda as Text Color

#2d6dda as Background Color

Color Blindness Simulation

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

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

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

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

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

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