0 views

#386fcc - Color Information

#386fcc

Base Information

HEX

#386fcc

RGB

56,111,204

HSL

218,59,51

HSV

218,73,80

CMYK

73,46,0,20

LAB

48,14,-54

LCH

48,55,284

XYZ

18,17,59

Web Safe

#3366cc

Web Smart

#3377cc

is dark

Yes

luminosity

0.1657

Pantone Color

Combinations

#386fcc complementary
Colors that are opposite to each other, forming a contrasting pair.

#386fcc

#CC9538

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

#386fcc

#CC4B38

#B9CC38

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

#386fcc

#CC386F

#6FCC38

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

#386fcc

#CC38B9

#CC9538

#38CC4B

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

#386fcc

#CC9538

#CC4B38

#B9CC38

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

#386fcc

#4B38CC

#9538CC

#CC38B9

Shades

#386fcc Light Tints

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

#386FCC

#4C7DD1

#608CD6

#749ADB

#88A9E0

#9CB7E6

#AFC5EB

#C3D4F0

#D7E2F5

#EBF1FA

#386fcc Gray Shades

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

#386FCC

#3F71C4

#4672BD

#4E74B5

#5576AE

#5C78A6

#63799E

#6A7B97

#727D8F

#797E88

#386fcc Dark Shades

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

#386FCC

#3264B8

#2D59A3

#274E8F

#22437A

#1C3866

#162C52

#11213D

#0B1629

#060B14

#386fcc Red Shades

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

#386FCC

#4C64B8

#6059A3

#744E8F

#88437A

#9C3866

#AF2C52

#C3213D

#D71629

#EB0B14

#386fcc Green Shades

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

#386FCC

#3271B8

#2D72A3

#27748F

#22767A

#1C7866

#167952

#117B3D

#0B7D29

#067E14

#386fcc Blue Shades

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

#386FCC

#3264D1

#2D59D6

#274EDB

#2243E0

#1C38E6

#162CEB

#1121F0

#0B16F5

#060BFA

Readability Analysis

#386fcc 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.06	Fail	Sample Text
Blue	1.77	Fail	Sample Text

#386fcc 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.06	Fail	Sample Text
Blue	1.77	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3e6ecb`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1471ca`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#14789f`
Protanopia	No red perception - Dichromacy	`#416eca`
Deuteranopia	No green perception - Dichromacy	`#0073c8`
Tritanopia	No blue perception - Dichromacy	`#007d86`
Achromatomaly	Partial color blindness - Monochromacy	`#586c8e`
Achromatopsia	Complete color blindness - Monochromacy	`#6a6a6a`

#386fcc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#386fcc complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#386fcc Light Tints

#386fcc Gray Shades

#386fcc Dark Shades

#386fcc Red Shades

#386fcc Green Shades

#386fcc Blue Shades

Readability Analysis

#386fcc as Text Color

#386fcc as Background Color

Color Blindness Simulation

#386fcc complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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