0 views

#2a6f7b - Color Information

#2a6f7b

Base Information

HEX

#2a6f7b

RGB

42,111,123

HSL

189,49,32

HSV

189,66,48

CMYK

66,10,0,52

LAB

43,-17,-13

LCH

43,22,217

XYZ

10,13,21

Web Safe

#336666

Web Smart

#227777

is dark

Yes

luminosity

0.1329

Pantone Color

Combinations

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

#2a6f7b

#7B362A

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

#2a6f7b

#7B2A46

#7B5F2A

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

#2a6f7b

#7B2A6F

#6F7B2A

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

#2a6f7b

#5F2A7B

#7B362A

#467B2A

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

#2a6f7b

#7B362A

#7B2A46

#7B5F2A

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

#2a6f7b

#2A467B

#362A7B

#5F2A7B

Shades

#2a6f7b Light Tints

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

#2A6F7B

#3F7D88

#558C95

#6A9AA3

#7FA9B0

#95B7BD

#AAC5CA

#BFD4D7

#D4E2E5

#EAF1F2

#2a6f7b Gray Shades

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

#2A6F7B

#33717C

#3B727C

#44747D

#4C767D

#55787E

#5E797E

#667B7F

#6F7D7F

#777E80

#2a6f7b Dark Shades

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

#2A6F7B

#26646F

#225962

#1D4E56

#19434A

#15383E

#112C31

#0D2125

#081619

#040B0C

#2a6f7b Red Shades

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

#2A6F7B

#3F646F

#555962

#6A4E56

#7F434A

#95383E

#AA2C31

#BF2125

#D41619

#EA0B0C

#2a6f7b Green Shades

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

#2A6F7B

#26716F

#227262

#1D7456

#19764A

#15783E

#117931

#0D7B25

#087D19

#047E0C

#2a6f7b Blue Shades

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

#2A6F7B

#266488

#225995

#1D4EA3

#1943B0

#1538BD

#112CCA

#0D21D7

#0816E5

#040BF2

Readability Analysis

#2a6f7b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.74	AA	Sample Text
Black	3.66	A	Sample Text
Red	1.44	Fail	Sample Text
Green	1.12	Fail	Sample Text
Blue	1.50	Fail	Sample Text

#2a6f7b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.74	AA	Sample Text
Black	3.66	A	Sample Text
Red	1.44	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	`#4e6977`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#4e687d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#2c6f79`
Protanopia	No red perception - Dichromacy	`#636574`
Deuteranopia	No green perception - Dichromacy	`#63647e`
Tritanopia	No blue perception - Dichromacy	`#2d6f78`
Achromatomaly	Partial color blindness - Monochromacy	`#4d666b`
Achromatopsia	Complete color blindness - Monochromacy	`#616161`

#2a6f7b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2a6f7b Light Tints

#2a6f7b Gray Shades

#2a6f7b Dark Shades

#2a6f7b Red Shades

#2a6f7b Green Shades

#2a6f7b Blue Shades

Readability Analysis

#2a6f7b as Text Color

#2a6f7b as Background Color

Color Blindness Simulation

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

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

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

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

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

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