0 views

#1f53f9 - Color Information

#1f53f9

Base Information

HEX

#1f53f9

RGB

31,83,249

HSL

226,95,55

HSV

226,88,98

CMYK

88,67,0,2

LAB

43,46,-86

LCH

43,98,298

XYZ

21,13,91

Web Safe

#3366ff

Web Smart

#2255ff

is dark

Yes

luminosity

0.1332

Pantone Color

Combinations

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

#1f53f9

#F9C51F

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

#1f53f9

#F9581F

#C0F91F

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

#1f53f9

#F91F53

#53F91F

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

#1f53f9

#F91FC0

#F9C51F

#1FF958

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

#1f53f9

#F9C51F

#F9581F

#C0F91F

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

#1f53f9

#581FF9

#C51FF9

#F91FC0

Shades

#1f53f9 Light Tints

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

#1F53F9

#3564FA

#4C75FA

#6287FB

#7998FB

#8FA9FC

#A5BAFD

#BCCBFD

#D2DDFE

#E9EEFE

#1f53f9 Gray Shades

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

#1F53F9

#2958ED

#325CE1

#3C61D5

#4665C9

#506ABD

#596EB0

#6373A4

#6D7798

#767C8C

#1f53f9 Dark Shades

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

#1F53F9

#1C4BE0

#1942C7

#163AAE

#133295

#102A7D

#0C2164

#09194B

#061132

#030819

#1f53f9 Red Shades

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

#1F53F9

#354BE0

#4C42C7

#623AAE

#793295

#8F2A7D

#A52164

#BC194B

#D21132

#E90819

#1f53f9 Green Shades

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

#1F53F9

#1C58E0

#195CC7

#1661AE

#136595

#106A7D

#0C6E64

#09734B

#067732

#037C19

#1f53f9 Blue Shades

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

#1F53F9

#1C4BFA

#1942FA

#163AFB

#1332FB

#102AFC

#0C21FD

#0919FD

#0611FE

#0308FE

Readability Analysis

#1f53f9 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.73	AA	Sample Text
Black	3.66	A	Sample Text
Red	1.43	Fail	Sample Text
Green	1.12	Fail	Sample Text
Blue	1.50	Fail	Sample Text

#1f53f9 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.73	AA	Sample Text
Black	3.66	A	Sample Text
Red	1.43	Fail	Sample Text
Green	1.12	Fail	Sample Text
Blue	1.50	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#0b5ddd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0b61ca`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0b66a6`
Protanopia	No red perception - Dichromacy	`#0063cc`
Deuteranopia	No green perception - Dichromacy	`#0069af`
Tritanopia	No blue perception - Dichromacy	`#007177`
Achromatomaly	Partial color blindness - Monochromacy	`#415490`
Achromatopsia	Complete color blindness - Monochromacy	`#545454`

#1f53f9 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#1f53f9 Light Tints

#1f53f9 Gray Shades

#1f53f9 Dark Shades

#1f53f9 Red Shades

#1f53f9 Green Shades

#1f53f9 Blue Shades

Readability Analysis

#1f53f9 as Text Color

#1f53f9 as Background Color

Color Blindness Simulation

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

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

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

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

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

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