0 views

#2b7b9e - Color Information

#2b7b9e

Base Information

HEX

#2b7b9e

RGB

43,123,158

HSL

198,57,39

HSV

198,73,62

CMYK

73,22,0,38

LAB

48,-12,-26

LCH

48,28,245

XYZ

14,17,35

Web Safe

#336699

Web Smart

#337799

is dark

Yes

luminosity

0.1715

Pantone Color

Combinations

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

#2b7b9e

#9E4E2B

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

#2b7b9e

#9E2B42

#9E872B

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

#2b7b9e

#9E2B7B

#7B9E2B

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

#2b7b9e

#872B9E

#9E4E2B

#429E2B

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

#2b7b9e

#9E4E2B

#9E2B42

#9E872B

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

#2b7b9e

#2B429E

#4E2B9E

#872B9E

Shades

#2b7b9e Light Tints

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

#2B7B9E

#4088A8

#5595B1

#6BA3BB

#80B0C5

#95BDCF

#AACAD8

#BFD7E2

#D5E5EC

#EAF2F5

#2b7b9e Gray Shades

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

#2B7B9E

#347C9B

#3C7C98

#457D95

#4D7D92

#567E8F

#5E7E8C

#677F89

#6F7F86

#788083

#2b7b9e Dark Shades

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

#2B7B9E

#276F8E

#22627E

#1E566F

#1A4A5F

#163E4F

#11313F

#0D252F

#091920

#040C10

#2b7b9e Red Shades

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

#2B7B9E

#406F8E

#55627E

#6B566F

#804A5F

#953E4F

#AA313F

#BF252F

#D51920

#EA0C10

#2b7b9e Green Shades

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

#2B7B9E

#277C8E

#227C7E

#1E7D6F

#1A7D5F

#167E4F

#117E3F

#0D7F2F

#097F20

#048010

#2b7b9e Blue Shades

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

#2B7B9E

#276FA8

#2262B1

#1E56BB

#1A4AC5

#163ECF

#1131D8

#0D25E2

#0919EC

#040CF5

Readability Analysis

#2b7b9e as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.74	AA	Sample Text
Black	4.43	A	Sample Text
Red	1.19	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.81	Fail	Sample Text

#2b7b9e as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.74	AA	Sample Text
Black	4.43	A	Sample Text
Red	1.19	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.81	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#527599`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#4e759f`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#227d90`
Protanopia	No red perception - Dichromacy	`#687196`
Deuteranopia	No green perception - Dichromacy	`#6271a0`
Tritanopia	No blue perception - Dichromacy	`#1d7e88`
Achromatomaly	Partial color blindness - Monochromacy	`#55727f`
Achromatopsia	Complete color blindness - Monochromacy	`#6d6d6d`

#2b7b9e - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2b7b9e Light Tints

#2b7b9e Gray Shades

#2b7b9e Dark Shades

#2b7b9e Red Shades

#2b7b9e Green Shades

#2b7b9e Blue Shades

Readability Analysis

#2b7b9e as Text Color

#2b7b9e as Background Color

Color Blindness Simulation

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

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

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

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

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

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