0 views

#3d6edf - Color Information

#3d6edf

Base Information

HEX

#3d6edf

RGB

61,110,223

HSL

222,72,56

HSV

222,73,87

CMYK

73,51,0,13

LAB

49,22,-62

LCH

49,66,289

XYZ

21,17,72

Web Safe

#3366cc

Web Smart

#4466dd

is dark

Yes

luminosity

0.1747

Pantone Color

Combinations

#3d6edf complementary
Colors that are opposite to each other, forming a contrasting pair.

#3d6edf

#DFAE3D

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

#3d6edf

#DF5D3D

#BFDF3D

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

#3d6edf

#DF3D6E

#6EDF3D

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

#3d6edf

#DF3DBF

#DFAE3D

#3DDF5D

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

#3d6edf

#DFAE3D

#DF5D3D

#BFDF3D

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

#3d6edf

#5D3DDF

#AE3DDF

#DF3DBF

Shades

#3d6edf Light Tints

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

#3D6EDF

#507DE2

#648BE5

#779AE9

#8BA8EC

#9EB7EF

#B1C5F2

#C5D4F5

#D8E2F9

#ECF1FC

#3d6edf Gray Shades

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

#3D6EDF

#4470D6

#4A72CC

#5173C3

#5875B9

#5F77B0

#6579A6

#6C7B9D

#737C93

#797E8A

#3d6edf Dark Shades

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

#3D6EDF

#3763C9

#3158B2

#2B4D9C

#254286

#1F3770

#182C59

#122143

#0C162D

#060B16

#3d6edf Red Shades

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

#3D6EDF

#5063C9

#6458B2

#774D9C

#8B4286

#9E3770

#B12C59

#C52143

#D8162D

#EC0B16

#3d6edf Green Shades

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

#3D6EDF

#3770C9

#3172B2

#2B739C

#257586

#1F7770

#187959

#127B43

#0C7C2D

#067E16

#3d6edf Blue Shades

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

#3D6EDF

#3763E2

#3158E5

#2B4DE9

#2542EC

#1F37EF

#182CF2

#1221F5

#0C16F9

#060BFC

Readability Analysis

#3d6edf as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.67	AA	Sample Text
Black	4.49	A	Sample Text
Red	1.17	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.84	Fail	Sample Text

#3d6edf as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.67	AA	Sample Text
Black	4.49	A	Sample Text
Red	1.17	Fail	Sample Text
Green	1.10	Fail	Sample Text
Blue	1.84	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#306fe0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1673d2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1679a8`
Protanopia	No red perception - Dichromacy	`#2970e0`
Deuteranopia	No green perception - Dichromacy	`#0076cb`
Tritanopia	No blue perception - Dichromacy	`#008089`
Achromatomaly	Partial color blindness - Monochromacy	`#5b6d96`
Achromatopsia	Complete color blindness - Monochromacy	`#6c6c6c`

#3d6edf - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#3d6edf complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#3d6edf Light Tints

#3d6edf Gray Shades

#3d6edf Dark Shades

#3d6edf Red Shades

#3d6edf Green Shades

#3d6edf Blue Shades

Readability Analysis

#3d6edf as Text Color

#3d6edf as Background Color

Color Blindness Simulation

#3d6edf complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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