0 views

#2f56e8 - Color Information

#2f56e8

Base Information

HEX

#2f56e8

RGB

47,86,232

HSL

227,80,55

HSV

227,80,91

CMYK

80,63,0,9

LAB

43,39,-77

LCH

43,87,297

XYZ

19,13,78

Web Safe

#3366ff

Web Smart

#3355ee

is dark

Yes

luminosity

0.1309

Pantone Color

Combinations

#2f56e8 complementary
Colors that are opposite to each other, forming a contrasting pair.

#2f56e8

#E8C12F

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

#2f56e8

#E8652F

#B3E82F

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

#2f56e8

#E82F56

#56E82F

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

#2f56e8

#E82FB2

#E8C12F

#2FE865

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

#2f56e8

#E8C12F

#E8652F

#B3E82F

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

#2f56e8

#652FE8

#C12FE8

#E82FB2

Shades

#2f56e8 Light Tints

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

#2F56E8

#4467EA

#5978ED

#6D89EF

#829AF1

#97ABF4

#ACBBF6

#C1CCF8

#D5DDFA

#EAEEFD

#2f56e8 Gray Shades

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

#2F56E8

#375ADE

#3F5ED3

#4763C9

#4F67BE

#586BB4

#606FAA

#68739F

#707895

#787C8A

#2f56e8 Dark Shades

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

#2F56E8

#2A4DD1

#2645BA

#213CA2

#1C348B

#182B74

#13225D

#0E1A46

#09112E

#050917

#2f56e8 Red Shades

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

#2F56E8

#444DD1

#5945BA

#6D3CA2

#82348B

#972B74

#AC225D

#C11A46

#D5112E

#EA0917

#2f56e8 Green Shades

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

#2F56E8

#2A5AD1

#265EBA

#2163A2

#1C678B

#186B74

#136F5D

#0E7346

#09782E

#057C17

#2f56e8 Blue Shades

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

#2F56E8

#2A4DEA

#2645ED

#213CEF

#1C34F1

#182BF4

#1322F6

#0E1AF8

#0911FA

#0509FD

Readability Analysis

#2f56e8 as Text Color

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

#2f56e8 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.81	AA	Sample Text
Black	3.62	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	`#115ed6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1161c3`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1167a0`
Protanopia	No red perception - Dichromacy	`#0062cb`
Deuteranopia	No green perception - Dichromacy	`#0068af`
Tritanopia	No blue perception - Dichromacy	`#007077`
Achromatomaly	Partial color blindness - Monochromacy	`#49578d`
Achromatopsia	Complete color blindness - Monochromacy	`#585858`

#2f56e8 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#2f56e8 complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#2f56e8 Light Tints

#2f56e8 Gray Shades

#2f56e8 Dark Shades

#2f56e8 Red Shades

#2f56e8 Green Shades

#2f56e8 Blue Shades

Readability Analysis

#2f56e8 as Text Color

#2f56e8 as Background Color

Color Blindness Simulation

#2f56e8 complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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