0 views

#145bcc - Color Information

#145bcc

Base Information

HEX

#145bcc

RGB

20,91,204

HSL

217,82,44

HSV

217,90,80

CMYK

90,55,0,20

LAB

41,23,-64

LCH

41,68,290

XYZ

15,12,59

Web Safe

#0066cc

Web Smart

#1155cc

is dark

Yes

luminosity

0.1199

Pantone Color

Combinations

#145bcc complementary
Colors that are opposite to each other, forming a contrasting pair.

#145bcc

#CC8514

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

#145bcc

#CC2914

#B7CC14

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

#145bcc

#CC145B

#5BCC14

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

#145bcc

#CC14B7

#CC8514

#14CC29

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

#145bcc

#CC8514

#CC2914

#B7CC14

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

#145bcc

#2914CC

#8514CC

#CC14B7

Shades

#145bcc Light Tints

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

#145BCC

#2B6BD1

#437CD6

#5B8CDB

#729DE0

#8AADE6

#A1BDEB

#B9CEF0

#D0DEF5

#E8EFFA

#145bcc Gray Shades

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

#145BCC

#1F5FC4

#2A62BD

#3466B5

#3F6AAE

#4A6EA6

#55719E

#607597

#6A798F

#757C88

#145bcc Dark Shades

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

#145BCC

#1252B8

#1049A3

#0E408F

#0C377A

#0A2E66

#082452

#061B3D

#041229

#020914

#145bcc Red Shades

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

#145BCC

#2B52B8

#4349A3

#5B408F

#72377A

#8A2E66

#A12452

#B91B3D

#D01229

#E80914

#145bcc Green Shades

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

#145BCC

#125FB8

#1062A3

#0E668F

#0C6A7A

#0A6E66

#087152

#06753D

#047929

#027C14

#145bcc Blue Shades

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

#145BCC

#1252D1

#1049D6

#0E40DB

#0C37E0

#0A2EE6

#0824EB

#061BF0

#0412F5

#0209FA

Readability Analysis

#145bcc as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	6.18	AA	Sample Text
Black	3.40	A	Sample Text
Red	1.55	Fail	Sample Text
Green	1.20	Fail	Sample Text
Blue	1.39	Fail	Sample Text

#145bcc as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	6.18	AA	Sample Text
Black	3.40	A	Sample Text
Red	1.55	Fail	Sample Text
Green	1.20	Fail	Sample Text
Blue	1.39	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#075dc7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0761b6`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#076693`
Protanopia	No red perception - Dichromacy	`#005ec4`
Deuteranopia	No green perception - Dichromacy	`#0064a9`
Tritanopia	No blue perception - Dichromacy	`#006c72`
Achromatomaly	Partial color blindness - Monochromacy	`#3d5780`
Achromatopsia	Complete color blindness - Monochromacy	`#545454`

#145bcc - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

#145bcc complementaryColors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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

Shades

#145bcc Light Tints

#145bcc Gray Shades

#145bcc Dark Shades

#145bcc Red Shades

#145bcc Green Shades

#145bcc Blue Shades

Readability Analysis

#145bcc as Text Color

#145bcc as Background Color

Color Blindness Simulation

#145bcc complementary
Colors that are opposite to each other, forming a contrasting pair.

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

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

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

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

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