0 views

#1b77bb - Color Information

#1b77bb

Base Information

HEX

#1b77bb

RGB

27,119,187

HSL

206,75,42

HSV

205,86,73

CMYK

86,36,0,27

LAB

48,-1,-43

LCH

48,43,269

XYZ

16,17,49

Web Safe

#3366cc

Web Smart

#2277bb

is dark

Yes

luminosity

0.1701

Pantone Color

Combinations

#1b77bb complementary
Colors that are opposite to each other, forming a contrasting pair.

#1b77bb

#BB5F1B

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

#1b77bb

#BB1B27

#BBAF1B

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

#1b77bb

#BB1B77

#77BB1B

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

#1b77bb

#AF1BBB

#BB5F1B

#27BB1B

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

#1b77bb

#BB5F1B

#BB1B27

#BBAF1B

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

#1b77bb

#1B27BB

#5F1BBB

#AF1BBB

Shades

#1b77bb Light Tints

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

#1B77BB

#3285C2

#4992C9

#5FA0CF

#76ADD6

#8DBBDD

#A4C9E4

#BBD6EB

#D1E4F1

#E8F1F8

#1b77bb Gray Shades

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

#1B77BB

#2578B5

#2F79AF

#397AA9

#437BA3

#4E7C9E

#587C98

#627D92

#6C7E8C

#767F86

#1b77bb Dark Shades

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

#1B77BB

#186BA8

#165F96

#135383

#104770

#0E3C5E

#0B304B

#082438

#051825

#030C13

#1b77bb Red Shades

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

#1B77BB

#326BA8

#495F96

#5F5383

#764770

#8D3C5E

#A4304B

#BB2438

#D11825

#E80C13

#1b77bb Green Shades

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

#1B77BB

#1878A8

#167996

#137A83

#107B70

#0E7C5E

#0B7C4B

#087D38

#057E25

#037F13

#1b77bb Blue Shades

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

#1B77BB

#186BC2

#165FC9

#1353CF

#1047D6

#0E3CDD

#0B30E4

#0824EB

#0518F1

#030CF8

Readability Analysis

#1b77bb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.77	AA	Sample Text
Black	4.40	A	Sample Text
Red	1.19	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.80	Fail	Sample Text

#1b77bb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.77	AA	Sample Text
Black	4.40	A	Sample Text
Red	1.19	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.80	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#4172b7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#3374bb`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#0a7c9a`
Protanopia	No red perception - Dichromacy	`#5770b4`
Deuteranopia	No green perception - Dichromacy	`#4073bb`
Tritanopia	No blue perception - Dichromacy	`#007e87`
Achromatomaly	Partial color blindness - Monochromacy	`#4c6e86`
Achromatopsia	Complete color blindness - Monochromacy	`#686868`

#1b77bb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#1b77bb complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#1b77bb Light Tints

#1b77bb Gray Shades

#1b77bb Dark Shades

#1b77bb Red Shades

#1b77bb Green Shades

#1b77bb Blue Shades

Readability Analysis

#1b77bb as Text Color

#1b77bb as Background Color

Color Blindness Simulation

#1b77bb complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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