0 views

#2a7f77 - Color Information

#2a7f77

Base Information

HEX

#2a7f77

RGB

42,127,119

HSL

174,50,33

HSV

174,67,50

CMYK

67,0,6,50

LAB

48,-27,-3

LCH

48,27,187

XYZ

12,17,20

Web Safe

#336666

Web Smart

#227777

is dark

Yes

luminosity

0.1700

Pantone Color

Combinations

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

#2a7f77

#7F2A32

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

#2a7f77

#7F2A5C

#7F4D2A

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

#2a7f77

#772A7F

#7F772A

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

#2a7f77

#4C2A7F

#7F2A32

#5C7F2A

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

#2a7f77

#7F2A32

#7F2A5C

#7F4D2A

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

#2a7f77

#2A5C7F

#2A327F

#4C2A7F

Shades

#2a7f77 Light Tints

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

#2A7F77

#3F8C85

#559992

#6AA5A0

#7FB2AD

#95BFBB

#AACCC9

#BFD9D6

#D4E5E4

#EAF2F1

#2a7f77 Gray Shades

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

#2A7F77

#337F78

#3B7F79

#447F7A

#4C7F7B

#55807C

#5E807C

#66807D

#6F807E

#77807F

#2a7f77 Dark Shades

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

#2A7F77

#26726B

#22665F

#1D5953

#194C47

#15403C

#113330

#0D2624

#081918

#040D0C

#2a7f77 Red Shades

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

#2A7F77

#3F726B

#55665F

#6A5953

#7F4C47

#95403C

#AA3330

#BF2624

#D41918

#EA0D0C

#2a7f77 Green Shades

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

#2A7F77

#267F6B

#227F5F

#1D7F53

#197F47

#15803C

#118030

#0D8024

#088018

#04800C

#2a7f77 Blue Shades

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

#2A7F77

#267285

#226692

#1D59A0

#194CAD

#1540BB

#1133C9

#0D26D6

#0819E4

#040DF1

Readability Analysis

#2a7f77 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.77	AA	Sample Text
Black	4.40	A	Sample Text
Red	1.19	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.80	Fail	Sample Text

#2a7f77 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.77	AA	Sample Text
Black	4.40	A	Sample Text
Red	1.19	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.80	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#597672`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#5c757a`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#327d80`
Protanopia	No red perception - Dichromacy	`#757170`
Deuteranopia	No green perception - Dichromacy	`#796f7c`
Tritanopia	No blue perception - Dichromacy	`#367c86`
Achromatomaly	Partial color blindness - Monochromacy	`#547370`
Achromatopsia	Complete color blindness - Monochromacy	`#6c6c6c`

#2a7f77 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2a7f77 Light Tints

#2a7f77 Gray Shades

#2a7f77 Dark Shades

#2a7f77 Red Shades

#2a7f77 Green Shades

#2a7f77 Blue Shades

Readability Analysis

#2a7f77 as Text Color

#2a7f77 as Background Color

Color Blindness Simulation

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

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

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

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

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

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