0 views

#0c213c - Color Information

#0c213c

Base Information

HEX

#0c213c

RGB

12,33,60

HSL

214,67,14

HSV

214,80,24

CMYK

80,45,0,76

LAB

13,3,-20

LCH

13,20,278

XYZ

2,1,4

Web Safe

#003333

Web Smart

#112244

is dark

Yes

luminosity

0.0149

Pantone Color

Combinations

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

#0c213c

#3C270C

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

#0c213c

#3C0F0C

#393C0C

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

#0c213c

#3C0C21

#213C0C

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

#0c213c

#3C0C39

#3C270C

#0C3C0F

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

#0c213c

#3C270C

#3C0F0C

#393C0C

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

#0c213c

#0F0C3C

#270C3C

#3C0C39

Shades

#0c213c Light Tints

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

#0C213C

#243750

#3D4D63

#556477

#6D7A8A

#86909E

#9EA6B1

#B6BCC5

#CED3D8

#E7E9EC

#0c213c Gray Shades

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

#0C213C

#182B43

#23344A

#2F3E50

#3A4757

#46515E

#525A65

#5D646C

#696D72

#747779

#0c213c Dark Shades

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

#0C213C

#0B1E36

#0A1A30

#08172A

#071424

#06111E

#050D18

#040A12

#02070C

#010306

#0c213c Red Shades

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

#0C213C

#241E36

#3D1A30

#55172A

#6D1424

#86111E

#9E0D18

#B60A12

#CE070C

#E70306

#0c213c Green Shades

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

#0C213C

#0B2B36

#0A3430

#083E2A

#074724

#06511E

#055A18

#046412

#026D0C

#017706

#0c213c Blue Shades

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

#0C213C

#0B1E50

#0A1A63

#081777

#07148A

#06119E

#050DB1

#040AC5

#0207D8

#0103EC

Readability Analysis

#0c213c as Text Color

Background Color	Contrast Score	WCAG Rating	Preview
White	16.17	AAA	Sample Text
Black	1.30	Fail	Sample Text
Red	4.04	A	Sample Text
Green	3.15	A	Sample Text
Blue	1.88	Fail	Sample Text

#0c213c as Background Color

Text Color	Contrast Score	WCAG Rating	Preview
White	16.17	AAA	Sample Text
Black	1.30	Fail	Sample Text
Red	4.04	A	Sample Text
Green	3.15	A	Sample Text
Blue	1.88	Fail	Sample Text

Color Blindness Simulation

Type	Description	Hex Value
Protanomaly	Red weakness - Anomalous trichromacy	`#16243d`
Deuteranomaly	Green weakness - Anomalous trichromacy	`#11243e`
Tritanomaly	Blue weakness - Anomalous trichromacy	`#042732`
Protanopia	No red perception - Dichromacy	`#1b253d`
Deuteranopia	No green perception - Dichromacy	`#14263e`
Tritanopia	No blue perception - Dichromacy	`#002a2d`
Achromatomaly	Partial color blindness - Monochromacy	`#181f29`
Achromatopsia	Complete color blindness - Monochromacy	`#1e1e1e`

#0c213c - Color Information

Base Information

HEX

RGB

HSL

HSV

CMYK

LAB

LCH

XYZ

Web Safe

Web Smart

is dark

luminosity

Pantone Color

Combinations

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

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

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

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

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

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

Shades

#0c213c Light Tints

#0c213c Gray Shades

#0c213c Dark Shades

#0c213c Red Shades

#0c213c Green Shades

#0c213c Blue Shades

Readability Analysis

#0c213c as Text Color

#0c213c as Background Color

Color Blindness Simulation

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

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

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

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

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

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