0 views

#284ce8 - Color Information

#284ce8

Base Information

HEX

#284ce8

RGB

40,76,232

HSL

229,81,53

HSV

229,83,91

CMYK

83,67,0,9

LAB

40,44,-82

LCH

40,93,299

XYZ

18,11,78

Web Safe

#3333ff

Web Smart

#2244ee

is dark

Yes

luminosity

0.1145

Pantone Color

Combinations

#284ce8 complementary
Colors that are opposite to each other, forming a contrasting pair.

#284ce8

#E8C428

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

#284ce8

#E86428

#ACE828

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

#284ce8

#E8284C

#4CE828

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

#284ce8

#E828AC

#E8C428

#28E864

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

#284ce8

#E8C428

#E86428

#ACE828

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

#284ce8

#6428E8

#C428E8

#E828AC

Shades

#284ce8 Light Tints

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

#284CE8

#3D5EEA

#5370ED

#6982EF

#7E94F1

#94A6F4

#A9B7F6

#BFC9F8

#D4DBFA

#EAEDFD

#284ce8 Gray Shades

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

#284CE8

#3151DE

#3A56D3

#425CC9

#4B61BE

#5466B4

#5D6BAA

#66709F

#6E7695

#777B8A

#284ce8 Dark Shades

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

#284CE8

#2444D1

#203DBA

#1C35A2

#182E8B

#142674

#101E5D

#0C1746

#080F2E

#040817

#284ce8 Red Shades

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

#284CE8

#3D44D1

#533DBA

#6935A2

#7E2E8B

#942674

#A91E5D

#BF1746

#D40F2E

#EA0817

#284ce8 Green Shades

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

#284CE8

#2451D1

#2056BA

#1C5CA2

#18618B

#146674

#106B5D

#0C7046

#08762E

#047B17

#284ce8 Blue Shades

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

#284CE8

#2444EA

#203DED

#1C35EF

#182EF1

#1426F4

#101EF6

#0C17F8

#080FFA

#0408FD

Readability Analysis

#284ce8 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.38	AA	Sample Text
Black	3.29	A	Sample Text
Red	1.60	Fail	Sample Text
Green	1.24	Fail	Sample Text
Blue	1.35	Fail	Sample Text

#284ce8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.38	AA	Sample Text
Black	3.29	A	Sample Text
Red	1.60	Fail	Sample Text
Green	1.24	Fail	Sample Text
Blue	1.35	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#0f56ce`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0f5abc`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0f5f9b`
Protanopia	No red perception - Dichromacy	`#005cbf`
Deuteranopia	No green perception - Dichromacy	`#0062a3`
Tritanopia	No blue perception - Dichromacy	`#006a6f`
Achromatomaly	Partial color blindness - Monochromacy	`#414e87`
Achromatopsia	Complete color blindness - Monochromacy	`#505050`

#284ce8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#284ce8 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#284ce8 Light Tints

#284ce8 Gray Shades

#284ce8 Dark Shades

#284ce8 Red Shades

#284ce8 Green Shades

#284ce8 Blue Shades

Readability Analysis

#284ce8 as Text Color

#284ce8 as Background Color

Color Blindness Simulation

#284ce8 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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