0 views

#284ffc - Color Information

#284ffc

Base Information

HEX

#284ffc

RGB

40,79,252

HSL

229,97,57

HSV

229,84,99

CMYK

84,69,0,1

LAB

43,50,-89

LCH

43,102,299

XYZ

21,13,93

Web Safe

#3366ff

Web Smart

#2255ff

is dark

Yes

luminosity

0.1307

Pantone Color

Combinations

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

#284ffc

#FCD528

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

#284ffc

#FC6B28

#B9FC28

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

#284ffc

#FC284F

#4FFC28

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

#284ffc

#FC28B9

#FCD528

#28FC6B

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

#284ffc

#FCD528

#FC6B28

#B9FC28

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

#284ffc

#6B28FC

#D528FC

#FC28B9

Shades

#284ffc Light Tints

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

#284FFC

#3D61FC

#5372FD

#6984FD

#7E95FD

#94A7FE

#A9B9FE

#BFCAFE

#D4DCFE

#EAEDFF

#284ffc Gray Shades

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

#284FFC

#3154F0

#3A59E3

#425ED7

#4B63CA

#5468BE

#5D6CB2

#6671A5

#6E7699

#777B8C

#284ffc Dark Shades

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

#284FFC

#2447E3

#203FCA

#1C37B0

#182F97

#14287E

#102065

#0C184C

#081032

#040819

#284ffc Red Shades

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

#284FFC

#3D47E3

#533FCA

#6937B0

#7E2F97

#94287E

#A92065

#BF184C

#D41032

#EA0819

#284ffc Green Shades

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

#284FFC

#2454E3

#2059CA

#1C5EB0

#186397

#14687E

#106C65

#0C714C

#087632

#047B19

#284ffc Blue Shades

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

#284FFC

#2447FC

#203FFD

#1C37FD

#182FFD

#1428FE

#1020FE

#0C18FE

#0810FE

#0408FF

Readability Analysis

#284ffc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.81	AA	Sample Text
Black	3.61	A	Sample Text
Red	1.45	Fail	Sample Text
Green	1.13	Fail	Sample Text
Blue	1.48	Fail	Sample Text

#284ffc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.81	AA	Sample Text
Black	3.61	A	Sample Text
Red	1.45	Fail	Sample Text
Green	1.13	Fail	Sample Text
Blue	1.48	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#0f5bdd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0f5fca`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0f64a7`
Protanopia	No red perception - Dichromacy	`#0062cb`
Deuteranopia	No green perception - Dichromacy	`#0068ad`
Tritanopia	No blue perception - Dichromacy	`#007076`
Achromatomaly	Partial color blindness - Monochromacy	`#435291`
Achromatopsia	Complete color blindness - Monochromacy	`#535353`

#284ffc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#284ffc Light Tints

#284ffc Gray Shades

#284ffc Dark Shades

#284ffc Red Shades

#284ffc Green Shades

#284ffc Blue Shades

Readability Analysis

#284ffc as Text Color

#284ffc as Background Color

Color Blindness Simulation

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

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

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

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

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

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