0 views

#3f72cc - Color Information

#3f72cc

Base Information

HEX

#3f72cc

RGB

63,114,204

HSL

218,58,52

HSV

218,69,80

CMYK

69,44,0,20

LAB

49,13,-52

LCH

49,53,284

XYZ

19,17,59

Web Safe

#3366cc

Web Smart

#4477cc

is dark

Yes

luminosity

0.1745

Pantone Color

Combinations

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

#3f72cc

#CC993F

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

#3f72cc

#CC533F

#B8CC3F

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

#3f72cc

#CC3F72

#72CC3F

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

#3f72cc

#CC3FB8

#CC993F

#3FCC53

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

#3f72cc

#CC993F

#CC533F

#B8CC3F

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

#3f72cc

#533FCC

#993FCC

#CC3FB8

Shades

#3f72cc Light Tints

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

#3F72CC

#5280D1

#658ED6

#799CDB

#8CAAE0

#9FB9E6

#B2C7EB

#C5D5F0

#D9E3F5

#ECF1FA

#3f72cc Gray Shades

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

#3F72CC

#4673C4

#4C75BD

#5376B5

#5978AE

#6079A6

#667A9E

#6D7C97

#737D8F

#7A7F88

#3f72cc Dark Shades

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

#3F72CC

#3967B8

#325BA3

#2C508F

#26447A

#203966

#192E52

#13223D

#0D1729

#060B14

#3f72cc Red Shades

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

#3F72CC

#5267B8

#655BA3

#79508F

#8C447A

#9F3966

#B22E52

#C5223D

#D91729

#EC0B14

#3f72cc Green Shades

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

#3F72CC

#3973B8

#3275A3

#2C768F

#26787A

#207966

#197A52

#137C3D

#0D7D29

#067F14

#3f72cc Blue Shades

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

#3F72CC

#3967D1

#325BD6

#2C50DB

#2644E0

#2039E6

#192EEB

#1322F0

#0D17F5

#060BFA

Readability Analysis

#3f72cc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.68	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

#3f72cc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.68	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	`#4571cb`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#2e74ca`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#177ba2`
Protanopia	No red perception - Dichromacy	`#4870ca`
Deuteranopia	No green perception - Dichromacy	`#2475c9`
Tritanopia	No blue perception - Dichromacy	`#008089`
Achromatomaly	Partial color blindness - Monochromacy	`#5d6f90`
Achromatopsia	Complete color blindness - Monochromacy	`#6e6e6e`

#3f72cc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#3f72cc Light Tints

#3f72cc Gray Shades

#3f72cc Dark Shades

#3f72cc Red Shades

#3f72cc Green Shades

#3f72cc Blue Shades

Readability Analysis

#3f72cc as Text Color

#3f72cc as Background Color

Color Blindness Simulation

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

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

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

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

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

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