0 views

#156a8b - Color Information

#156a8b

Base Information

HEX

#156a8b

RGB

21,106,139

HSL

197,74,31

HSV

197,85,55

CMYK

85,24,0,45

LAB

42,-12,-25

LCH

42,28,245

XYZ

10,12,26

Web Safe

#006699

Web Smart

#116688

is dark

Yes

luminosity

0.1233

Pantone Color

Combinations

#156a8b complementary
Colors that are opposite to each other, forming a contrasting pair.

#156a8b

#8B3615

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

#156a8b

#8B152F

#8B7115

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

#156a8b

#8B156A

#6A8B15

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

#156a8b

#71158B

#8B3615

#2F8B15

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

#156a8b

#8B3615

#8B152F

#8B7115

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

#156a8b

#152F8B

#36158B

#71158B

Shades

#156a8b Light Tints

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

#156A8B

#2C7997

#4488A2

#5B97AE

#73A6B9

#8AB5C5

#A1C3D1

#B9D2DC

#D0E1E8

#E8F0F3

#156a8b Gray Shades

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

#156A8B

#206C8A

#2A6E89

#357188

#407387

#4B7586

#557784

#607983

#6B7C82

#757E81

#156a8b Dark Shades

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

#156A8B

#135F7D

#11556F

#0F4A61

#0D4053

#0B3546

#082A38

#06202A

#04151C

#020B0E

#156a8b Red Shades

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

#156A8B

#2C5F7D

#44556F

#5B4A61

#734053

#8A3546

#A12A38

#B9202A

#D0151C

#E80B0E

#156a8b Green Shades

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

#156A8B

#136C7D

#116E6F

#0F7161

#0D7353

#0B7546

#087738

#06792A

#047C1C

#027E0E

#156a8b Blue Shades

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

#156A8B

#135F97

#1155A2

#0F4AAE

#0D40B9

#0B35C5

#082AD1

#0620DC

#0415E8

#020BF3

Readability Analysis

#156a8b as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.06	AA	Sample Text
Black	3.47	A	Sample Text
Red	1.52	Fail	Sample Text
Green	1.18	Fail	Sample Text
Blue	1.42	Fail	Sample Text

#156a8b as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.06	AA	Sample Text
Black	3.47	A	Sample Text
Red	1.52	Fail	Sample Text
Green	1.18	Fail	Sample Text
Blue	1.42	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#406486`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#3b658c`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#086c7d`
Protanopia	No red perception - Dichromacy	`#586184`
Deuteranopia	No green perception - Dichromacy	`#51628d`
Tritanopia	No blue perception - Dichromacy	`#006d75`
Achromatomaly	Partial color blindness - Monochromacy	`#41606c`
Achromatopsia	Complete color blindness - Monochromacy	`#5a5a5a`

#156a8b - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#156a8b complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#156a8b Light Tints

#156a8b Gray Shades

#156a8b Dark Shades

#156a8b Red Shades

#156a8b Green Shades

#156a8b Blue Shades

Readability Analysis

#156a8b as Text Color

#156a8b as Background Color

Color Blindness Simulation

#156a8b complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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