0 views

#2f7c8a - Color Information

#2f7c8a

Base Information

HEX

#2f7c8a

RGB

47,124,138

HSL

189,49,36

HSV

189,66,54

CMYK

66,10,0,46

LAB

48,-19,-15

LCH

48,24,218

XYZ

13,17,27

Web Safe

#336699

Web Smart

#337788

is dark

Yes

luminosity

0.1685

Pantone Color

Combinations

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

#2f7c8a

#8A3D2F

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

#2f7c8a

#8A2F4E

#8A6B2F

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

#2f7c8a

#8A2F7C

#7C8A2F

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

#2f7c8a

#6B2F8A

#8A3D2F

#4E8A2F

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

#2f7c8a

#8A3D2F

#8A2F4E

#8A6B2F

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

#2f7c8a

#2F4E8A

#3D2F8A

#6B2F8A

Shades

#2f7c8a Light Tints

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

#2F7C8A

#448996

#5996A1

#6DA3AD

#82B0B9

#97BEC5

#ACCBD0

#C1D8DC

#D5E5E8

#EAF2F3

#2f7c8a Gray Shades

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

#2F7C8A

#377C89

#3F7D88

#477D87

#4F7E86

#587E85

#607E84

#687F83

#707F82

#788081

#2f7c8a Dark Shades

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

#2F7C8A

#2A707C

#26636E

#215761

#1C4A53

#183E45

#133237

#0E2529

#09191C

#050C0E

#2f7c8a Red Shades

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

#2F7C8A

#44707C

#59636E

#6D5761

#824A53

#973E45

#AC3237

#C12529

#D5191C

#EA0C0E

#2f7c8a Green Shades

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

#2F7C8A

#2A7C7C

#267D6E

#217D61

#1C7E53

#187E45

#137E37

#0E7F29

#097F1C

#05800E

#2f7c8a Blue Shades

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

#2F7C8A

#2A7096

#2663A1

#2157AD

#1C4AB9

#183EC5

#1332D0

#0E25DC

#0919E8

#050CF3

Readability Analysis

#2f7c8a as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.80	AA	Sample Text
Black	4.37	A	Sample Text
Red	1.20	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.79	Fail	Sample Text

#2f7c8a as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.80	AA	Sample Text
Black	4.37	A	Sample Text
Red	1.20	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.79	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#577585`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#57748c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#307c87`
Protanopia	No red perception - Dichromacy	`#6e7182`
Deuteranopia	No green perception - Dichromacy	`#6e6f8d`
Tritanopia	No blue perception - Dichromacy	`#317c86`
Achromatomaly	Partial color blindness - Monochromacy	`#567277`
Achromatopsia	Complete color blindness - Monochromacy	`#6d6d6d`

#2f7c8a - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2f7c8a Light Tints

#2f7c8a Gray Shades

#2f7c8a Dark Shades

#2f7c8a Red Shades

#2f7c8a Green Shades

#2f7c8a Blue Shades

Readability Analysis

#2f7c8a as Text Color

#2f7c8a as Background Color

Color Blindness Simulation

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

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

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

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

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

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