0 views

#304dfc - Color Information

#304dfc

Base Information

HEX

#304dfc

RGB

48,77,252

HSL

231,97,59

HSV

231,81,99

CMYK

81,69,0,1

LAB

43,51,-89

LCH

43,103,300

XYZ

21,13,93

Web Safe

#3366ff

Web Smart

#3355ff

is dark

Yes

luminosity

0.1296

Pantone Color

Combinations

#304dfc complementary
Colors that are opposite to each other, forming a contrasting pair.

#304dfc

#FCDF30

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

#304dfc

#FC7930

#B3FC30

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

#304dfc

#FC304D

#4DFC30

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

#304dfc

#FC30B3

#FCDF30

#30FC79

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

#304dfc

#FCDF30

#FC7930

#B3FC30

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

#304dfc

#7930FC

#DF30FC

#FC30B3

Shades

#304dfc Light Tints

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

#304DFC

#455FFC

#5971FD

#6E82FD

#8394FD

#98A6FE

#ACB8FE

#C1CAFE

#D6DBFE

#EAEDFF

#304dfc Gray Shades

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

#304DFC

#3852F0

#4057E3

#485CD7

#5061CA

#5867BE

#606CB2

#6871A5

#707699

#787B8C

#304dfc Dark Shades

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

#304DFC

#2B45E3

#263ECA

#2236B0

#1D2E97

#18277E

#131F65

#0E174C

#0A0F32

#050819

#304dfc Red Shades

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

#304DFC

#4545E3

#593ECA

#6E36B0

#832E97

#98277E

#AC1F65

#C1174C

#D60F32

#EA0819

#304dfc Green Shades

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

#304DFC

#2B52E3

#2657CA

#225CB0

#1D6197

#18677E

#136C65

#0E714C

#0A7632

#057B19

#304dfc Blue Shades

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

#304DFC

#2B45FC

#263EFD

#2236FD

#1D2EFD

#1827FE

#131FFE

#0E17FE

#0A0FFE

#0508FF

Readability Analysis

#304dfc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.84	AA	Sample Text
Black	3.59	A	Sample Text
Red	1.46	Fail	Sample Text
Green	1.14	Fail	Sample Text
Blue	1.47	Fail	Sample Text

#304dfc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.84	AA	Sample Text
Black	3.59	A	Sample Text
Red	1.46	Fail	Sample Text
Green	1.14	Fail	Sample Text
Blue	1.47	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#115adc`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#115eca`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1163a7`
Protanopia	No red perception - Dichromacy	`#0062ca`
Deuteranopia	No green perception - Dichromacy	`#0068ad`
Tritanopia	No blue perception - Dichromacy	`#007076`
Achromatomaly	Partial color blindness - Monochromacy	`#475191`
Achromatopsia	Complete color blindness - Monochromacy	`#535353`

#304dfc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#304dfc complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#304dfc Light Tints

#304dfc Gray Shades

#304dfc Dark Shades

#304dfc Red Shades

#304dfc Green Shades

#304dfc Blue Shades

Readability Analysis

#304dfc as Text Color

#304dfc as Background Color

Color Blindness Simulation

#304dfc complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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