0 views

#1f74c9 - Color Information

#1f74c9

Base Information

HEX

#1f74c9

RGB

31,116,201

HSL

210,73,45

HSV

210,85,79

CMYK

85,42,0,21

LAB

48,7,-51

LCH

48,51,277

XYZ

17,17,58

Web Safe

#3366cc

Web Smart

#2277cc

is dark

Yes

luminosity

0.1700

Pantone Color

Combinations

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

#1f74c9

#C9741F

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

#1f74c9

#C91F1F

#C9C91F

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

#1f74c9

#C91F74

#74C91F

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

#1f74c9

#C91FC9

#C9741F

#1FC91F

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

#1f74c9

#C9741F

#C91F1F

#C9C91F

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

#1f74c9

#1F1FC9

#741FC9

#C91FC9

Shades

#1f74c9 Light Tints

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

#1F74C9

#3582CE

#4C90D4

#629ED9

#79ACDF

#8FBAE4

#A5C7E9

#BCD5EF

#D2E3F4

#E9F1FA

#1f74c9 Gray Shades

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

#1F74C9

#2975C2

#3276BA

#3C78B3

#4679AC

#507AA5

#597B9D

#637C96

#6D7E8F

#767F87

#1f74c9 Dark Shades

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

#1F74C9

#1C68B5

#195DA1

#16518D

#134679

#103A65

#0C2E50

#09233C

#061728

#030C14

#1f74c9 Red Shades

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

#1F74C9

#3568B5

#4C5DA1

#62518D

#794679

#8F3A65

#A52E50

#BC233C

#D21728

#E90C14

#1f74c9 Green Shades

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

#1F74C9

#1C75B5

#1976A1

#16788D

#137979

#107A65

#0C7B50

#097C3C

#067E28

#037F14

#1f74c9 Blue Shades

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

#1F74C9

#1C68CE

#195DD4

#1651D9

#1346DF

#103AE4

#0C2EE9

#0923EF

#0617F4

#030CFA

Readability Analysis

#1f74c9 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.77	AA	Sample Text
Black	4.40	A	Sample Text
Red	1.19	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.80	Fail	Sample Text

#1f74c9 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.77	AA	Sample Text
Black	4.40	A	Sample Text
Red	1.19	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.80	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3b71c6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#2074c8`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0b7a9f`
Protanopia	No red perception - Dichromacy	`#4a6fc4`
Deuteranopia	No green perception - Dichromacy	`#2074c8`
Tritanopia	No blue perception - Dichromacy	`#007e87`
Achromatomaly	Partial color blindness - Monochromacy	`#4d6c8b`
Achromatopsia	Complete color blindness - Monochromacy	`#686868`

#1f74c9 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#1f74c9 Light Tints

#1f74c9 Gray Shades

#1f74c9 Dark Shades

#1f74c9 Red Shades

#1f74c9 Green Shades

#1f74c9 Blue Shades

Readability Analysis

#1f74c9 as Text Color

#1f74c9 as Background Color

Color Blindness Simulation

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

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

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

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

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

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