0 views

#0d77bb - Color Information

#0d77bb

Base Information

HEX

#0d77bb

RGB

13,119,187

HSL

203,87,39

HSV

203,93,73

CMYK

93,36,0,27

LAB

48,-2,-43

LCH

48,43,268

XYZ

16,17,49

Web Safe

#0066cc

Web Smart

#1177bb

is dark

Yes

luminosity

0.1687

Pantone Color

Combinations

#0d77bb complementary
Colors that are opposite to each other, forming a contrasting pair.

#0d77bb

#BB510D

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

#0d77bb

#BB0D20

#BBA80D

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

#0d77bb

#BB0D77

#77BB0D

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

#0d77bb

#A80DBB

#BB510D

#20BB0D

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

#0d77bb

#BB510D

#BB0D20

#BBA80D

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

#0d77bb

#0D20BB

#510DBB

#A80DBB

Shades

#0d77bb Light Tints

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

#0D77BB

#2585C2

#3D92C9

#56A0CF

#6EADD6

#86BBDD

#9EC9E4

#B6D6EB

#CFE4F1

#E7F1F8

#0d77bb Gray Shades

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

#0D77BB

#1978B5

#2479AF

#307AA9

#3B7BA3

#477C9E

#527C98

#5E7D92

#697E8C

#757F86

#0d77bb Dark Shades

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

#0D77BB

#0C6BA8

#0A5F96

#095383

#084770

#073C5E

#05304B

#042438

#031825

#010C13

#0d77bb Red Shades

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

#0D77BB

#256BA8

#3D5F96

#565383

#6E4770

#863C5E

#9E304B

#B62438

#CF1825

#E70C13

#0d77bb Green Shades

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

#0D77BB

#0C78A8

#0A7996

#097A83

#087B70

#077C5E

#057C4B

#047D38

#037E25

#017F13

#0d77bb Blue Shades

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

#0D77BB

#0C6BC2

#0A5FC9

#0953CF

#0847D6

#073CDD

#0530E4

#0424EB

#0318F1

#010CF8

Readability Analysis

#0d77bb as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.80	AA	Sample Text
Black	4.37	A	Sample Text
Red	1.20	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.79	Fail	Sample Text

#0d77bb as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.80	AA	Sample Text
Black	4.37	A	Sample Text
Red	1.20	Fail	Sample Text
Green	1.07	Fail	Sample Text
Blue	1.79	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3c72b6`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#2c74bb`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#057b9a`
Protanopia	No red perception - Dichromacy	`#566fb4`
Deuteranopia	No green perception - Dichromacy	`#3e72bb`
Tritanopia	No blue perception - Dichromacy	`#007e86`
Achromatomaly	Partial color blindness - Monochromacy	`#456c85`
Achromatopsia	Complete color blindness - Monochromacy	`#656565`

#0d77bb - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#0d77bb complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#0d77bb Light Tints

#0d77bb Gray Shades

#0d77bb Dark Shades

#0d77bb Red Shades

#0d77bb Green Shades

#0d77bb Blue Shades

Readability Analysis

#0d77bb as Text Color

#0d77bb as Background Color

Color Blindness Simulation

#0d77bb complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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