0 views

#3b5fdc - Color Information

#3b5fdc

Base Information

HEX

#3b5fdc

RGB

59,95,220

HSL

227,70,55

HSV

227,73,86

CMYK

73,57,0,14

LAB

45,30,-68

LCH

45,74,294

XYZ

19,14,69

Web Safe

#3366cc

Web Smart

#3366dd

is dark

Yes

luminosity

0.1428

Pantone Color

Combinations

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

#3b5fdc

#DCB83B

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

#3b5fdc

#DC683B

#AFDC3B

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

#3b5fdc

#DC3B5F

#5FDC3B

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

#3b5fdc

#DC3BAF

#DCB83B

#3BDC68

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

#3b5fdc

#DCB83B

#DC683B

#AFDC3B

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

#3b5fdc

#683BDC

#B83BDC

#DC3BAF

Shades

#3b5fdc Light Tints

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

#3B5FDC

#4F6FE0

#627FE3

#768FE7

#899FEA

#9DAFEE

#B1BFF1

#C4CFF5

#D8DFF8

#EBEFFC

#3b5fdc Gray Shades

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

#3B5FDC

#4262D3

#4966CA

#5069C0

#576CB7

#5E70AE

#6473A5

#6B769C

#727992

#797D89

#3b5fdc Dark Shades

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

#3B5FDC

#3556C6

#2F4CB0

#29439A

#233984

#1E306E

#182658

#121C42

#0C132C

#060916

#3b5fdc Red Shades

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

#3B5FDC

#4F56C6

#624CB0

#76439A

#893984

#9D306E

#B12658

#C41C42

#D8132C

#EB0916

#3b5fdc Green Shades

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

#3B5FDC

#3562C6

#2F66B0

#29699A

#236C84

#1E706E

#187358

#127642

#0C792C

#067D16

#3b5fdc Blue Shades

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

#3B5FDC

#3556E0

#2F4CE3

#2943E7

#2339EA

#1E30EE

#1826F1

#121CF5

#0C13F8

#0609FC

Readability Analysis

#3b5fdc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.45	AA	Sample Text
Black	3.86	A	Sample Text
Red	1.36	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.58	Fail	Sample Text

#3b5fdc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.45	AA	Sample Text
Black	3.86	A	Sample Text
Red	1.36	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.58	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1563d7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1567c5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#156d9f`
Protanopia	No red perception - Dichromacy	`#0066d4`
Deuteranopia	No green perception - Dichromacy	`#006cb7`
Tritanopia	No blue perception - Dichromacy	`#00757c`
Achromatomaly	Partial color blindness - Monochromacy	`#53608d`
Achromatopsia	Complete color blindness - Monochromacy	`#606060`

#3b5fdc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3b5fdc Light Tints

#3b5fdc Gray Shades

#3b5fdc Dark Shades

#3b5fdc Red Shades

#3b5fdc Green Shades

#3b5fdc Blue Shades

Readability Analysis

#3b5fdc as Text Color

#3b5fdc as Background Color

Color Blindness Simulation

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

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

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

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

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

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