0 views

#0c60e2 - Color Information

#0c60e2

Base Information

HEX

#0c60e2

RGB

12,96,226

HSL

216,90,47

HSV

216,95,89

CMYK

95,58,0,11

LAB

44,28,-72

LCH

44,77,291

XYZ

18,14,74

Web Safe

#0066cc

Web Smart

#1166dd

is dark

Yes

luminosity

0.1393

Pantone Color

Combinations

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

#0c60e2

#E28E0C

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

#0c60e2

#E2230C

#CBE20C

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

#0c60e2

#E20C60

#60E20C

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

#0c60e2

#E20CCB

#E28E0C

#0CE223

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

#0c60e2

#E28E0C

#E2230C

#CBE20C

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

#0c60e2

#230CE2

#8E0CE2

#E20CCB

Shades

#0c60e2 Light Tints

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

#0C60E2

#2470E5

#3D80E8

#5590EB

#6DA0EE

#86B0F1

#9EBFF3

#B6CFF6

#CEDFF9

#E7EFFC

#0c60e2 Gray Shades

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

#0C60E2

#1863D8

#2366CE

#2F6AC5

#3A6DBB

#4670B1

#5273A7

#5D769D

#697A94

#747D8A

#0c60e2 Dark Shades

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

#0C60E2

#0B56CB

#0A4DB5

#08439E

#073A88

#063071

#05265A

#041D44

#02132D

#010A17

#0c60e2 Red Shades

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

#0C60E2

#2456CB

#3D4DB5

#55439E

#6D3A88

#863071

#9E265A

#B61D44

#CE132D

#E70A17

#0c60e2 Green Shades

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

#0C60E2

#0B63CB

#0A66B5

#086A9E

#076D88

#067071

#05735A

#047644

#027A2D

#017D17

#0c60e2 Blue Shades

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

#0C60E2

#0B56E5

#0A4DE8

#0843EB

#073AEE

#0630F1

#0526F3

#041DF6

#0213F9

#010AFC

Readability Analysis

#0c60e2 as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	5.55	AA	Sample Text
Black	3.79	A	Sample Text
Red	1.39	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.55	Fail	Sample Text

#0c60e2 as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	5.55	AA	Sample Text
Black	3.79	A	Sample Text
Red	1.39	Fail	Sample Text
Green	1.08	Fail	Sample Text
Blue	1.55	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#0463d7`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#0467c5`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#046ca0`
Protanopia	No red perception - Dichromacy	`#0065d1`
Deuteranopia	No green perception - Dichromacy	`#006bb4`
Tritanopia	No blue perception - Dichromacy	`#00737a`
Achromatomaly	Partial color blindness - Monochromacy	`#3c5b8a`
Achromatopsia	Complete color blindness - Monochromacy	`#585858`

#0c60e2 - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#0c60e2 Light Tints

#0c60e2 Gray Shades

#0c60e2 Dark Shades

#0c60e2 Red Shades

#0c60e2 Green Shades

#0c60e2 Blue Shades

Readability Analysis

#0c60e2 as Text Color

#0c60e2 as Background Color

Color Blindness Simulation

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

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

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

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

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

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