0 views

#1f5dc4 - Color Information

#1f5dc4

Base Information

HEX

#1f5dc4

RGB

31,93,196

HSL

217,73,45

HSV

217,84,77

CMYK

84,53,0,23

LAB

41,19,-59

LCH

41,62,288

XYZ

14,12,54

Web Safe

#3366cc

Web Smart

#2255cc

is dark

Yes

luminosity

0.1211

Pantone Color

Combinations

#1f5dc4 complementary
Colors that are opposite to each other, forming a contrasting pair.

#1f5dc4

#C4861F

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

#1f5dc4

#C4341F

#AFC41F

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

#1f5dc4

#C41F5D

#5DC41F

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

#1f5dc4

#C41FAF

#C4861F

#1FC434

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

#1f5dc4

#C4861F

#C4341F

#AFC41F

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

#1f5dc4

#341FC4

#861FC4

#C41FAF

Shades

#1f5dc4 Light Tints

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

#1F5DC4

#356DCA

#4C7DD0

#628ED6

#799EDC

#8FAEE2

#A5BEE7

#BCCEED

#D2DFF3

#E9EFF9

#1f5dc4 Gray Shades

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

#1F5DC4

#2961BD

#3264B6

#3C68B0

#466BA9

#506FA2

#59729B

#637694

#6D798E

#767D87

#1f5dc4 Dark Shades

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

#1F5DC4

#1C54B0

#194A9D

#164189

#133876

#102F62

#0C254E

#091C3B

#061327

#030914

#1f5dc4 Red Shades

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

#1F5DC4

#3554B0

#4C4A9D

#624189

#793876

#8F2F62

#A5254E

#BC1C3B

#D21327

#E90914

#1f5dc4 Green Shades

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

#1F5DC4

#1C61B0

#19649D

#166889

#136B76

#106F62

#0C724E

#09763B

#067927

#037D14

#1f5dc4 Blue Shades

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

#1F5DC4

#1C54CA

#194AD0

#1641D6

#1338DC

#102FE2

#0C25E7

#091CED

#0613F3

#0309F9

Readability Analysis

#1f5dc4 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.14	AA	Sample Text
Black	3.42	A	Sample Text
Red	1.54	Fail	Sample Text
Green	1.19	Fail	Sample Text
Blue	1.40	Fail	Sample Text

#1f5dc4 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.14	AA	Sample Text
Black	3.42	A	Sample Text
Red	1.54	Fail	Sample Text
Green	1.19	Fail	Sample Text
Blue	1.40	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#165ec4`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0b61b4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0b6790`
Protanopia	No red perception - Dichromacy	`#105ec4`
Deuteranopia	No green perception - Dichromacy	`#0064ab`
Tritanopia	No blue perception - Dichromacy	`#006c73`
Achromatomaly	Partial color blindness - Monochromacy	`#43597f`
Achromatopsia	Complete color blindness - Monochromacy	`#575757`

#1f5dc4 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#1f5dc4 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#1f5dc4 Light Tints

#1f5dc4 Gray Shades

#1f5dc4 Dark Shades

#1f5dc4 Red Shades

#1f5dc4 Green Shades

#1f5dc4 Blue Shades

Readability Analysis

#1f5dc4 as Text Color

#1f5dc4 as Background Color

Color Blindness Simulation

#1f5dc4 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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