0 views

#0f77b5 - Color Information

#0f77b5

Base Information

HEX

#0f77b5

RGB

15,119,181

HSL

202,85,38

HSV

202,92,71

CMYK

92,34,0,29

LAB

48,-4,-40

LCH

48,40,264

XYZ

15,17,46

Web Safe

#0066cc

Web Smart

#1177bb

is dark

Yes

luminosity

0.1663

Pantone Color

Combinations

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

#0f77b5

#B54D0F

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

#0f77b5

#B50F24

#B5A00F

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

#0f77b5

#B50F77

#77B50F

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

#0f77b5

#A00FB5

#B54D0F

#24B50F

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

#0f77b5

#B54D0F

#B50F24

#B5A00F

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

#0f77b5

#0F24B5

#4D0FB5

#A00FB5

Shades

#0f77b5 Light Tints

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

#0F77B5

#2785BC

#3F92C4

#57A0CB

#6FADD3

#87BBDA

#9FC9E1

#B7D6E9

#CFE4F0

#E7F1F8

#0f77b5 Gray Shades

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

#0F77B5

#1A78B0

#2679AA

#317AA5

#3C7BA0

#487C9B

#537C95

#5E7D90

#697E8B

#757F85

#0f77b5 Dark Shades

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

#0F77B5

#0E6BA3

#0C5F91

#0B537F

#09476D

#083C5B

#063048

#042436

#031824

#010C12

#0f77b5 Red Shades

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

#0F77B5

#276BA3

#3F5F91

#57537F

#6F476D

#873C5B

#9F3048

#B72436

#CF1824

#E70C12

#0f77b5 Green Shades

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

#0F77B5

#0E78A3

#0C7991

#0B7A7F

#097B6D

#087C5B

#067C48

#047D36

#037E24

#017F12

#0f77b5 Blue Shades

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

#0F77B5

#0E6BBC

#0C5FC4

#0B53CB

#0947D3

#083CDA

#0630E1

#0424E9

#0318F0

#010CF8

Readability Analysis

#0f77b5 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	4.85	AA	Sample Text
Black	4.33	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.77	Fail	Sample Text

#0f77b5 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	4.85	AA	Sample Text
Black	4.33	A	Sample Text
Red	1.21	Fail	Sample Text
Green	1.06	Fail	Sample Text
Blue	1.77	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#3e72b0`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#3173b5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#057b97`
Protanopia	No red perception - Dichromacy	`#596fae`
Deuteranopia	No green perception - Dichromacy	`#4571b6`
Tritanopia	No blue perception - Dichromacy	`#007d86`
Achromatomaly	Partial color blindness - Monochromacy	`#466c82`
Achromatopsia	Complete color blindness - Monochromacy	`#656565`

#0f77b5 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#0f77b5 Light Tints

#0f77b5 Gray Shades

#0f77b5 Dark Shades

#0f77b5 Red Shades

#0f77b5 Green Shades

#0f77b5 Blue Shades

Readability Analysis

#0f77b5 as Text Color

#0f77b5 as Background Color

Color Blindness Simulation

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

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

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

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

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

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