0 views

#0c216c - Color Information

#0c216c

Base Information

HEX

#0c216c

RGB

12,33,108

HSL

227,80,24

HSV

227,89,42

CMYK

89,69,0,58

LAB

17,24,-46

LCH

17,51,297

XYZ

3,2,14

Web Safe

#003366

Web Smart

#112266

is dark

Yes

luminosity

0.0225

Pantone Color

Combinations

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

#0c216c

#6C570C

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

#0c216c

#6C270C

#516C0C

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

#0c216c

#6C0C21

#216C0C

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

#0c216c

#6C0C51

#6C570C

#0C6C27

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

#0c216c

#6C570C

#6C270C

#516C0C

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

#0c216c

#270C6C

#570C6C

#6C0C51

Shades

#0c216c Light Tints

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

#0C216C

#24377B

#3D4D89

#556498

#6D7AA7

#8690B6

#9EA6C4

#B6BCD3

#CED3E2

#E7E9F0

#0c216c Gray Shades

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

#0C216C

#182B6E

#233470

#2F3E72

#3A4774

#465176

#525A78

#5D647A

#696D7C

#74777E

#0c216c Dark Shades

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

#0C216C

#0B1E61

#0A1A56

#08174C

#071441

#061136

#050D2B

#040A20

#020716

#01030B

#0c216c Red Shades

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

#0C216C

#241E61

#3D1A56

#55174C

#6D1441

#861136

#9E0D2B

#B60A20

#CE0716

#E7030B

#0c216c Green Shades

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

#0C216C

#0B2B61

#0A3456

#083E4C

#074741

#065136

#055A2B

#046420

#026D16

#01770B

#0c216c Blue Shades

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

#0C216C

#0B1E7B

#0A1A89

#081798

#0714A7

#0611B6

#050DC4

#040AD3

#0207E2

#0103F0

Readability Analysis

#0c216c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	14.49	AAA	Sample Text
Black	1.45	Fail	Sample Text
Red	3.62	A	Sample Text
Green	2.82	Fail	Sample Text
Blue	1.69	Fail	Sample Text

#0c216c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	14.49	AAA	Sample Text
Black	1.45	Fail	Sample Text
Red	3.62	A	Sample Text
Green	2.82	Fail	Sample Text
Blue	1.69	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#042861`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#042a59`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#042c49`
Protanopia	No red perception - Dichromacy	`#002c5b`
Deuteranopia	No green perception - Dichromacy	`#002f4e`
Tritanopia	No blue perception - Dichromacy	`#003235`
Achromatomaly	Partial color blindness - Monochromacy	`#1a223d`
Achromatopsia	Complete color blindness - Monochromacy	`#222222`

#0c216c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#0c216c Light Tints

#0c216c Gray Shades

#0c216c Dark Shades

#0c216c Red Shades

#0c216c Green Shades

#0c216c Blue Shades

Readability Analysis

#0c216c as Text Color

#0c216c as Background Color

Color Blindness Simulation

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

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

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

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

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

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