0 views

#2f60cc - Color Information

#2f60cc

Base Information

HEX

#2f60cc

RGB

47,96,204

HSL

221,63,49

HSV

221,77,80

CMYK

77,53,0,20

LAB

43,22,-61

LCH

43,65,290

XYZ

16,13,59

Web Safe

#3366cc

Web Smart

#3366cc

is dark

Yes

luminosity

0.1333

Pantone Color

Combinations

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

#2f60cc

#CC9B2F

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

#2f60cc

#CC4C2F

#AFCC2F

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

#2f60cc

#CC2F60

#60CC2F

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

#2f60cc

#CC2FAF

#CC9B2F

#2FCC4C

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

#2f60cc

#CC9B2F

#CC4C2F

#AFCC2F

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

#2f60cc

#4C2FCC

#9B2FCC

#CC2FAF

Shades

#2f60cc Light Tints

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

#2F60CC

#4470D1

#5980D6

#6D90DB

#82A0E0

#97B0E6

#ACBFEB

#C1CFF0

#D5DFF5

#EAEFFA

#2f60cc Gray Shades

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

#2F60CC

#3763C4

#3F66BD

#476AB5

#4F6DAE

#5870A6

#60739E

#687697

#707A8F

#787D88

#2f60cc Dark Shades

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

#2F60CC

#2A56B8

#264DA3

#21438F

#1C3A7A

#183066

#132652

#0E1D3D

#091329

#050A14

#2f60cc Red Shades

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

#2F60CC

#4456B8

#594DA3

#6D438F

#823A7A

#973066

#AC2652

#C11D3D

#D51329

#EA0A14

#2f60cc Green Shades

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

#2F60CC

#2A63B8

#2666A3

#216A8F

#1C6D7A

#187066

#137352

#0E763D

#097A29

#057D14

#2f60cc Blue Shades

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

#2F60CC

#2A56D1

#264DD6

#2143DB

#1C3AE0

#1830E6

#1326EB

#0E1DF0

#0913F5

#050AFA

Readability Analysis

#2f60cc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.73	AA	Sample Text
Black	3.67	A	Sample Text
Red	1.43	Fail	Sample Text
Green	1.12	Fail	Sample Text
Blue	1.50	Fail	Sample Text

#2f60cc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.73	AA	Sample Text
Black	3.67	A	Sample Text
Red	1.43	Fail	Sample Text
Green	1.12	Fail	Sample Text
Blue	1.50	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#1962cd`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#1165bc`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#116b97`
Protanopia	No red perception - Dichromacy	`#0c63cd`
Deuteranopia	No green perception - Dichromacy	`#0068b3`
Tritanopia	No blue perception - Dichromacy	`#007179`
Achromatomaly	Partial color blindness - Monochromacy	`#4d5e86`
Achromatopsia	Complete color blindness - Monochromacy	`#5d5d5d`

#2f60cc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2f60cc Light Tints

#2f60cc Gray Shades

#2f60cc Dark Shades

#2f60cc Red Shades

#2f60cc Green Shades

#2f60cc Blue Shades

Readability Analysis

#2f60cc as Text Color

#2f60cc as Background Color

Color Blindness Simulation

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

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

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

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

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

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