0 views

#2f6c8b - Color Information

#2f6c8b

Base Information

HEX

#2f6c8b

RGB

47,108,139

HSL

200,49,36

HSV

200,66,55

CMYK

66,22,0,45

LAB

43,-9,-23

LCH

43,25,248

XYZ

11,13,26

Web Safe

#336699

Web Smart

#336688

is dark

Yes

luminosity

0.1319

Pantone Color

Combinations

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

#2f6c8b

#8B4E2F

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

#2f6c8b

#8B2F3E

#8B7C2F

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

#2f6c8b

#8B2F6C

#6C8B2F

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

#2f6c8b

#7C2F8B

#8B4E2F

#3E8B2F

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

#2f6c8b

#8B4E2F

#8B2F3E

#8B7C2F

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

#2f6c8b

#2F3E8B

#4E2F8B

#7C2F8B

Shades

#2f6c8b Light Tints

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

#2F6C8B

#447B97

#5989A2

#6D98AE

#82A7B9

#97B6C5

#ACC4D1

#C1D3DC

#D5E2E8

#EAF0F3

#2f6c8b Gray Shades

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

#2F6C8B

#376E8A

#3F7089

#477288

#4F7487

#587686

#607884

#687A83

#707C82

#787E81

#2f6c8b Dark Shades

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

#2F6C8B

#2A617D

#26566F

#214C61

#1C4153

#183646

#132B38

#0E202A

#09161C

#050B0E

#2f6c8b Red Shades

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

#2F6C8B

#44617D

#59566F

#6D4C61

#824153

#973646

#AC2B38

#C1202A

#D5161C

#EA0B0E

#2f6c8b Green Shades

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

#2F6C8B

#2A6E7D

#26706F

#217261

#1C7453

#187646

#137838

#0E7A2A

#097C1C

#057E0E

#2f6c8b Blue Shades

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

#2F6C8B

#2A6197

#2656A2

#214CAE

#1C41B9

#1836C5

#132BD1

#0E20DC

#0916E8

#050BF3

Readability Analysis

#2f6c8b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.77	AA	Sample Text
Black	3.64	A	Sample Text
Red	1.44	Fail	Sample Text
Green	1.12	Fail	Sample Text
Blue	1.49	Fail	Sample Text

#2f6c8b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.77	AA	Sample Text
Black	3.64	A	Sample Text
Red	1.44	Fail	Sample Text
Green	1.12	Fail	Sample Text
Blue	1.49	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4c6787`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#49678c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#2a6e7f`
Protanopia	No red perception - Dichromacy	`#5c6485`
Deuteranopia	No green perception - Dichromacy	`#58648d`
Tritanopia	No blue perception - Dichromacy	`#276f78`
Achromatomaly	Partial color blindness - Monochromacy	`#4f6570`
Achromatopsia	Complete color blindness - Monochromacy	`#616161`

#2f6c8b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2f6c8b Light Tints

#2f6c8b Gray Shades

#2f6c8b Dark Shades

#2f6c8b Red Shades

#2f6c8b Green Shades

#2f6c8b Blue Shades

Readability Analysis

#2f6c8b as Text Color

#2f6c8b as Background Color

Color Blindness Simulation

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

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

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

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

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

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