0 views

#1e4ff4 - Color Information

#1e4ff4

Base Information

HEX

#1e4ff4

RGB

30,79,244

HSL

226,91,54

HSV

226,88,96

CMYK

88,68,0,4

LAB

42,46,-86

LCH

42,98,298

XYZ

20,12,87

Web Safe

#3366ff

Web Smart

#2255ee

is dark

Yes

luminosity

0.1240

Pantone Color

Combinations

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

#1e4ff4

#F4C31E

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

#1e4ff4

#F4581E

#BAF41E

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

#1e4ff4

#F41E4F

#4FF41E

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

#1e4ff4

#F41EBA

#F4C31E

#1EF458

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

#1e4ff4

#F4C31E

#F4581E

#BAF41E

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

#1e4ff4

#581EF4

#C31EF4

#F41EBA

Shades

#1e4ff4 Light Tints

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

#1E4FF4

#3461F5

#4B72F6

#6284F7

#7895F8

#8FA7FA

#A5B9FB

#BCCAFC

#D2DCFD

#E9EDFE

#1e4ff4 Gray Shades

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

#1E4FF4

#2854E8

#3259DD

#3B5ED1

#4563C6

#4F68BA

#596CAE

#6371A3

#6C7697

#767B8C

#1e4ff4 Dark Shades

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

#1E4FF4

#1B47DC

#183FC3

#1537AB

#122F92

#0F287A

#0C2062

#091849

#061031

#030818

#1e4ff4 Red Shades

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

#1E4FF4

#3447DC

#4B3FC3

#6237AB

#782F92

#8F287A

#A52062

#BC1849

#D21031

#E90818

#1e4ff4 Green Shades

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

#1E4FF4

#1B54DC

#1859C3

#155EAB

#126392

#0F687A

#0C6C62

#097149

#067631

#037B18

#1e4ff4 Blue Shades

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

#1E4FF4

#1B47F5

#183FF6

#1537F7

#122FF8

#0F28FA

#0C20FB

#0918FC

#0610FD

#0308FE

Readability Analysis

#1e4ff4 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.03	AA	Sample Text
Black	3.48	A	Sample Text
Red	1.51	Fail	Sample Text
Green	1.17	Fail	Sample Text
Blue	1.42	Fail	Sample Text

#1e4ff4 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.03	AA	Sample Text
Black	3.48	A	Sample Text
Red	1.51	Fail	Sample Text
Green	1.17	Fail	Sample Text
Blue	1.42	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#0b5ad7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0b5dc4`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0b62a2`
Protanopia	No red perception - Dichromacy	`#0060c6`
Deuteranopia	No green perception - Dichromacy	`#0066a9`
Tritanopia	No blue perception - Dichromacy	`#006e73`
Achromatomaly	Partial color blindness - Monochromacy	`#3e508c`
Achromatopsia	Complete color blindness - Monochromacy	`#505050`

#1e4ff4 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#1e4ff4 Light Tints

#1e4ff4 Gray Shades

#1e4ff4 Dark Shades

#1e4ff4 Red Shades

#1e4ff4 Green Shades

#1e4ff4 Blue Shades

Readability Analysis

#1e4ff4 as Text Color

#1e4ff4 as Background Color

Color Blindness Simulation

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

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

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

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

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

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