0 views

#3f5b9f - Color Information

#3f5b9f

Base Information

HEX

#3f5b9f

RGB

63,91,159

HSL

223,43,44

HSV

223,60,62

CMYK

60,43,0,38

LAB

40,11,-40

LCH

40,42,286

XYZ

12,11,34

Web Safe

#336699

Web Smart

#445599

is dark

Yes

luminosity

0.1104

Pantone Color

Combinations

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

#3f5b9f

#9F833F

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

#3f5b9f

#9F533F

#8B9F3F

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

#3f5b9f

#9F3F5B

#5B9F3F

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

#3f5b9f

#9F3F8B

#9F833F

#3F9F53

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

#3f5b9f

#9F833F

#9F533F

#8B9F3F

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

#3f5b9f

#533F9F

#833F9F

#9F3F8B

Shades

#3f5b9f Light Tints

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

#3F5B9F

#526BA9

#657CB2

#798CBC

#8C9DC5

#9FADCF

#B2BDD9

#C5CEE2

#D9DEEC

#ECEFF5

#3f5b9f Gray Shades

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

#3F5B9F

#465F9C

#4C6299

#536696

#596A93

#606E90

#66718C

#6D7589

#737986

#7A7C83

#3f5b9f Dark Shades

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

#3F5B9F

#39528F

#32497F

#2C406F

#26375F

#202E50

#192440

#131B30

#0D1220

#060910

#3f5b9f Red Shades

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

#3F5B9F

#52528F

#65497F

#79406F

#8C375F

#9F2E50

#B22440

#C51B30

#D91220

#EC0910

#3f5b9f Green Shades

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

#3F5B9F

#395F8F

#32627F

#2C666F

#266A5F

#206E50

#197140

#137530

#0D7920

#067C10

#3f5b9f Blue Shades

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

#3F5B9F

#3952A9

#3249B2

#2C40BC

#2637C5

#202ECF

#1924D9

#131BE2

#0D12EC

#0609F5

Readability Analysis

#3f5b9f as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.55	AA	Sample Text
Black	3.21	A	Sample Text
Red	1.64	Fail	Sample Text
Green	1.27	Fail	Sample Text
Blue	1.31	Fail	Sample Text

#3f5b9f as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.55	AA	Sample Text
Black	3.21	A	Sample Text
Red	1.64	Fail	Sample Text
Green	1.27	Fail	Sample Text
Blue	1.31	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#405b9e`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#355d9d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#306280`
Protanopia	No red perception - Dichromacy	`#405c9e`
Deuteranopia	No green perception - Dichromacy	`#305e9c`
Tritanopia	No blue perception - Dichromacy	`#28666e`
Achromatomaly	Partial color blindness - Monochromacy	`#505a73`
Achromatopsia	Complete color blindness - Monochromacy	`#5a5a5a`

#3f5b9f - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3f5b9f Light Tints

#3f5b9f Gray Shades

#3f5b9f Dark Shades

#3f5b9f Red Shades

#3f5b9f Green Shades

#3f5b9f Blue Shades

Readability Analysis

#3f5b9f as Text Color

#3f5b9f as Background Color

Color Blindness Simulation

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

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

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

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

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

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