0 views

#334cef - Color Information

#334cef

Base Information

HEX

#334cef

RGB

51,76,239

HSL

232,85,57

HSV

232,79,94

CMYK

79,68,0,6

LAB

41,48,-84

LCH

41,96,300

XYZ

20,12,83

Web Safe

#3333ff

Web Smart

#3344ee

is dark

Yes

luminosity

0.1210

Pantone Color

Combinations

#334cef complementary
Colors that are opposite to each other, forming a contrasting pair.

#334cef

#EFD633

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

#334cef

#EF7833

#AAEF33

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

#334cef

#EF334C

#4CEF33

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

#334cef

#EF33AA

#EFD633

#33EF78

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

#334cef

#EFD633

#EF7833

#AAEF33

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

#334cef

#7833EF

#D633EF

#EF33AA

Shades

#334cef Light Tints

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

#334CEF

#475EF1

#5C70F2

#7082F4

#8594F5

#99A6F7

#ADB7F9

#C2C9FA

#D6DBFC

#EBEDFD

#334cef Gray Shades

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

#334CEF

#3B51E4

#4256D9

#4A5CCE

#5261C3

#5A66B8

#616BAC

#6970A1

#717696

#787B8B

#334cef Dark Shades

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

#334CEF

#2E44D7

#293DBF

#2435A7

#1F2E8F

#1A2678

#141E60

#0F1748

#0A0F30

#050818

#334cef Red Shades

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

#334CEF

#4744D7

#5C3DBF

#7035A7

#852E8F

#992678

#AD1E60

#C21748

#D60F30

#EB0818

#334cef Green Shades

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

#334CEF

#2E51D7

#2956BF

#245CA7

#1F618F

#1A6678

#146B60

#0F7048

#0A7630

#057B18

#334cef Blue Shades

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

#334CEF

#2E44F1

#293DF2

#2435F4

#1F2EF5

#1A26F7

#141EF9

#0F17FA

#0A0FFC

#0508FD

Readability Analysis

#334cef as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.14	AA	Sample Text
Black	3.42	A	Sample Text
Red	1.54	Fail	Sample Text
Green	1.19	Fail	Sample Text
Blue	1.40	Fail	Sample Text

#334cef as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.14	AA	Sample Text
Black	3.42	A	Sample Text
Red	1.54	Fail	Sample Text
Green	1.19	Fail	Sample Text
Blue	1.40	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1358d3`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#135cc2`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1361a0`
Protanopia	No red perception - Dichromacy	`#005fc4`
Deuteranopia	No green perception - Dichromacy	`#0065a8`
Tritanopia	No blue perception - Dichromacy	`#006c72`
Achromatomaly	Partial color blindness - Monochromacy	`#47508b`
Achromatopsia	Complete color blindness - Monochromacy	`#525252`

#334cef - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#334cef complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#334cef Light Tints

#334cef Gray Shades

#334cef Dark Shades

#334cef Red Shades

#334cef Green Shades

#334cef Blue Shades

Readability Analysis

#334cef as Text Color

#334cef as Background Color

Color Blindness Simulation

#334cef complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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