0 views

#2f6c7b - Color Information

#2f6c7b

Base Information

HEX

#2f6c7b

RGB

47,108,123

HSL

192,45,33

HSV

192,62,48

CMYK

62,12,0,52

LAB

42,-15,-14

LCH

42,21,224

XYZ

10,13,21

Web Safe

#336666

Web Smart

#336677

is dark

Yes

luminosity

0.1276

Pantone Color

Combinations

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

#2f6c7b

#7B3E2F

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

#2f6c7b

#7B2F46

#7B642F

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

#2f6c7b

#7B2F6C

#6C7B2F

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

#2f6c7b

#642F7B

#7B3E2F

#467B2F

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

#2f6c7b

#7B3E2F

#7B2F46

#7B642F

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

#2f6c7b

#2F467B

#3E2F7B

#642F7B

Shades

#2f6c7b Light Tints

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

#2F6C7B

#447B88

#598995

#6D98A3

#82A7B0

#97B6BD

#ACC4CA

#C1D3D7

#D5E2E5

#EAF0F2

#2f6c7b Gray Shades

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

#2F6C7B

#376E7C

#3F707C

#47727D

#4F747D

#58767E

#60787E

#687A7F

#707C7F

#787E80

#2f6c7b Dark Shades

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

#2F6C7B

#2A616F

#265662

#214C56

#1C414A

#18363E

#132B31

#0E2025

#091619

#050B0C

#2f6c7b Red Shades

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

#2F6C7B

#44616F

#595662

#6D4C56

#82414A

#97363E

#AC2B31

#C12025

#D51619

#EA0B0C

#2f6c7b Green Shades

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

#2F6C7B

#2A6E6F

#267062

#217256

#1C744A

#18763E

#137831

#0E7A25

#097C19

#057E0C

#2f6c7b Blue Shades

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

#2F6C7B

#2A6188

#265695

#214CA3

#1C41B0

#1836BD

#132BCA

#0E20D7

#0916E5

#050BF2

Readability Analysis

#2f6c7b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.91	AA	Sample Text
Black	3.55	A	Sample Text
Red	1.48	Fail	Sample Text
Green	1.15	Fail	Sample Text
Blue	1.45	Fail	Sample Text

#2f6c7b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.91	AA	Sample Text
Black	3.55	A	Sample Text
Red	1.48	Fail	Sample Text
Green	1.15	Fail	Sample Text
Blue	1.45	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4e6677`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#4e667d`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#306c77`
Protanopia	No red perception - Dichromacy	`#606375`
Deuteranopia	No green perception - Dichromacy	`#60627e`
Tritanopia	No blue perception - Dichromacy	`#306d75`
Achromatomaly	Partial color blindness - Monochromacy	`#4e646a`
Achromatopsia	Complete color blindness - Monochromacy	`#606060`

#2f6c7b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#2f6c7b Light Tints

#2f6c7b Gray Shades

#2f6c7b Dark Shades

#2f6c7b Red Shades

#2f6c7b Green Shades

#2f6c7b Blue Shades

Readability Analysis

#2f6c7b as Text Color

#2f6c7b as Background Color

Color Blindness Simulation

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

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

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

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

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

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