0 views

#2f70cf - Color Information

#2f70cf

Base Information

HEX

#2f70cf

RGB

47,112,207

HSL

216,63,50

HSV

216,77,81

CMYK

77,46,0,19

LAB

48,13,-55

LCH

48,57,283

XYZ

18,17,61

Web Safe

#3366cc

Web Smart

#3377cc

is dark

Yes

luminosity

0.1670

Pantone Color

Combinations

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

#2f70cf

#CF8E2F

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

#2f70cf

#CF3E2F

#C0CF2F

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

#2f70cf

#CF2F70

#70CF2F

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

#2f70cf

#CF2FC0

#CF8E2F

#2FCF3E

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

#2f70cf

#CF8E2F

#CF3E2F

#C0CF2F

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

#2f70cf

#3E2FCF

#8E2FCF

#CF2FC0

Shades

#2f70cf Light Tints

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

#2F70CF

#447ED4

#598DD9

#6D9BDD

#82A9E2

#97B8E7

#ACC6EC

#C1D4F1

#D5E2F5

#EAF1FA

#2f70cf Gray Shades

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

#2F70CF

#3772C7

#3F73BF

#4775B7

#4F76AF

#5878A8

#607AA0

#687B98

#707D90

#787E88

#2f70cf Dark Shades

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

#2F70CF

#2A65BA

#265AA6

#214E91

#1C437C

#183868

#132D53

#0E223E

#091629

#050B15

#2f70cf Red Shades

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

#2F70CF

#4465BA

#595AA6

#6D4E91

#82437C

#973868

#AC2D53

#C1223E

#D51629

#EA0B15

#2f70cf Green Shades

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

#2F70CF

#2A72BA

#2673A6

#217591

#1C767C

#187868

#137A53

#0E7B3E

#097D29

#057E15

#2f70cf Blue Shades

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

#2F70CF

#2A65D4

#265AD9

#214EDD

#1C43E2

#1838E7

#132DEC

#0E22F1

#0916F5

#050BFA

Readability Analysis

#2f70cf as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.84	AA	Sample Text
Black	4.34	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.78	Fail	Sample Text

#2f70cf as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.84	AA	Sample Text
Black	4.34	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.78	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3a6fcd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1172cb`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#1178a0`
Protanopia	No red perception - Dichromacy	`#406ecc`
Deuteranopia	No green perception - Dichromacy	`#0073c9`
Tritanopia	No blue perception - Dichromacy	`#007d86`
Achromatomaly	Partial color blindness - Monochromacy	`#546c8e`
Achromatopsia	Complete color blindness - Monochromacy	`#696969`

#2f70cf - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2f70cf Light Tints

#2f70cf Gray Shades

#2f70cf Dark Shades

#2f70cf Red Shades

#2f70cf Green Shades

#2f70cf Blue Shades

Readability Analysis

#2f70cf as Text Color

#2f70cf as Background Color

Color Blindness Simulation

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

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

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

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

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

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