0 views

#2f6ac1 - Color Information

#2f6ac1

Base Information

HEX

#2f6ac1

RGB

47,106,193

HSL

216,61,47

HSV

216,76,76

CMYK

76,45,0,24

LAB

45,12,-51

LCH

45,52,283

XYZ

16,15,52

Web Safe

#3366cc

Web Smart

#3366bb

is dark

Yes

luminosity

0.1476

Pantone Color

Combinations

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

#2f6ac1

#C1862F

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

#2f6ac1

#C13D2F

#B3C12F

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

#2f6ac1

#C12F6A

#6AC12F

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

#2f6ac1

#C12FB3

#C1862F

#2FC13D

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

#2f6ac1

#C1862F

#C13D2F

#B3C12F

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

#2f6ac1

#3D2FC1

#862FC1

#C12FB3

Shades

#2f6ac1 Light Tints

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

#2F6AC1

#4479C7

#5988CD

#6D97D4

#82A6DA

#97B5E0

#ACC3E6

#C1D2EC

#D5E1F3

#EAF0F9

#2f6ac1 Gray Shades

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

#2F6AC1

#376CBB

#3F6EB4

#4771AE

#4F73A7

#5875A1

#60779A

#687994

#707C8D

#787E87

#2f6ac1 Dark Shades

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

#2F6AC1

#2A5FAE

#26559A

#214A87

#1C4074

#183561

#132A4D

#0E203A

#091527

#050B13

#2f6ac1 Red Shades

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

#2F6AC1

#445FAE

#59559A

#6D4A87

#824074

#973561

#AC2A4D

#C1203A

#D51527

#EA0B13

#2f6ac1 Green Shades

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

#2F6AC1

#2A6CAE

#266E9A

#217187

#1C7374

#187561

#13774D

#0E793A

#097C27

#057E13

#2f6ac1 Blue Shades

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

#2F6AC1

#2A5FC7

#2655CD

#214AD4

#1C40DA

#1835E0

#132AE6

#0E20EC

#0915F3

#050BF9

Readability Analysis

#2f6ac1 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.31	AA	Sample Text
Black	3.95	A	Sample Text
Red	1.33	Fail	Sample Text
Green	1.03	Fail	Sample Text
Blue	1.62	Fail	Sample Text

#2f6ac1 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.31	AA	Sample Text
Black	3.95	A	Sample Text
Red	1.33	Fail	Sample Text
Green	1.03	Fail	Sample Text
Blue	1.62	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3a69bf`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#156cbf`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#117297`
Protanopia	No red perception - Dichromacy	`#4068be`
Deuteranopia	No green perception - Dichromacy	`#066dbe`
Tritanopia	No blue perception - Dichromacy	`#00767f`
Achromatomaly	Partial color blindness - Monochromacy	`#516686`
Achromatopsia	Complete color blindness - Monochromacy	`#646464`

#2f6ac1 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2f6ac1 Light Tints

#2f6ac1 Gray Shades

#2f6ac1 Dark Shades

#2f6ac1 Red Shades

#2f6ac1 Green Shades

#2f6ac1 Blue Shades

Readability Analysis

#2f6ac1 as Text Color

#2f6ac1 as Background Color

Color Blindness Simulation

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

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

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

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

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

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