0 views

#3357f1 - Color Information

#3357f1

Base Information

HEX

#3357f1

RGB

51,87,241

HSL

229,87,57

HSV

229,79,95

CMYK

79,64,0,5

LAB

44,42,-80

LCH

44,91,297

XYZ

21,14,85

Web Safe

#3366ff

Web Smart

#3355ee

is dark

Yes

luminosity

0.1387

Pantone Color

Combinations

#3357f1 complementary
Colors that are opposite to each other, forming a contrasting pair.

#3357f1

#F1CD33

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

#3357f1

#F16E33

#B6F133

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

#3357f1

#F13357

#57F133

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

#3357f1

#F133B6

#F1CD33

#33F16E

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

#3357f1

#F1CD33

#F16E33

#B6F133

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

#3357f1

#6E33F1

#CD33F1

#F133B6

Shades

#3357f1 Light Tints

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

#3357F1

#4768F2

#5C79F4

#7089F5

#859AF7

#99ABF8

#ADBCF9

#C2CDFB

#D6DDFC

#EBEEFE

#3357f1 Gray Shades

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

#3357F1

#3B5BE6

#425FDA

#4A63CF

#5267C4

#5A6CB9

#6170AD

#6974A2

#717897

#787C8B

#3357f1 Dark Shades

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

#3357F1

#2E4ED9

#2946C1

#243DA9

#1F3491

#1A2C79

#142360

#0F1A48

#0A1130

#050918

#3357f1 Red Shades

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

#3357F1

#474ED9

#5C46C1

#703DA9

#853491

#992C79

#AD2360

#C21A48

#D61130

#EB0918

#3357f1 Green Shades

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

#3357F1

#2E5BD9

#295FC1

#2463A9

#1F6791

#1A6C79

#147060

#0F7448

#0A7830

#057C18

#3357f1 Blue Shades

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

#3357F1

#2E4EF2

#2946F4

#243DF5

#1F34F7

#1A2CF8

#1423F9

#0F1AFB

#0A11FC

#0509FE

Readability Analysis

#3357f1 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.56	AA	Sample Text
Black	3.77	A	Sample Text
Red	1.39	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.54	Fail	Sample Text

#3357f1 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.56	AA	Sample Text
Black	3.77	A	Sample Text
Red	1.39	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.54	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1360dc`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1364ca`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1369a5`
Protanopia	No red perception - Dichromacy	`#0065d0`
Deuteranopia	No green perception - Dichromacy	`#006bb3`
Tritanopia	No blue perception - Dichromacy	`#00737a`
Achromatomaly	Partial color blindness - Monochromacy	`#4c5991`
Achromatopsia	Complete color blindness - Monochromacy	`#5a5a5a`

#3357f1 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#3357f1 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#3357f1 Light Tints

#3357f1 Gray Shades

#3357f1 Dark Shades

#3357f1 Red Shades

#3357f1 Green Shades

#3357f1 Blue Shades

Readability Analysis

#3357f1 as Text Color

#3357f1 as Background Color

Color Blindness Simulation

#3357f1 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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