Start generating
060313

#060313 Obsidian Shard

#060313 is a very dark black named Obsidian Shard. In the RGB color model it is made of 2.4% red, 1.2% green and 7.5% blue (rgb(6, 3, 19)). Its HSL value is 251° hue, 73% saturation and 4% lightness, and in CMYK it is 68% cyan, 84% magenta, 0% yellow and 93% black. #060313 is a cool color. White text reads best on it, with a contrast ratio of 20.38:1.

Make a palette with #060313

#060313 color conversion

HEX
RGB
HSL
HSB / HSV
HWB
CMYK
XYZ
CIELAB
CIELCh
CIELUV
OKLCH

Variations of #060313

Shades

Mixed with black: richer and darker.

06031304020F03020B020107010105010003000001000001000000000000

Tints

Mixed with white: lighter and softer.

0603131814272C2A3B4341515B596874727F8E8D98A9A8B1C5C4CAE2E1E4

Tones

Mixed with gray: calmer and more muted.

0603130F0B1D191727252231302F3C3D3B4749485257565D646369727274

Hues

The same lightness and chroma, rotated around the color wheel.

00060F0006130105140204140404140603130803120A02100C020E0D020C0E0109

Temperatures

Cooler on the left, warmer on the right.

10163C0E11340C0D2B0A092308051B0603130D0716150B191D111B26161E2F1B20

#060313 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

060313101303
Open in generator →

Split complementary

The two hues next to the complement — contrast with less tension.

060313130E03081303
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

0603130308130E0313
Open in generator →

Triadic

Three hues evenly spaced at 120° — vibrant yet balanced.

060313130603031306
Open in generator →

Tetradic

Two complementary pairs — rich, best with one dominant color.

060313130310101303031306
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

06031313030810130303130E
Open in generator →

#060313 for color-blind viewers (and dogs)

How #060313 appears with each type of color vision deficiency (Machado 2009 model) — and to your dog. Try the dog vision simulator →

  • Dog vision 95% similarHow dogs see it · simulated as #000513
  • Protanopia 95% similar1.3% of men, 0.02% of women · simulated as #000514
  • Protanomaly 96% similar1.3% of men, 0.02% of women · simulated as #010513
  • Deuteranopia 95% similar1.2% of men, 0.01% of women · simulated as #000513
  • Deuteranomaly 97% similar5% of men, 0.35% of women · simulated as #020413
  • Tritanopia 94% similar0.001% of men, 0.03% of women · simulated as #030509
  • Tritanomaly 98% similar0.0001% of men, 0.0001% of women · simulated as #05040F
  • Achromatopsia 92% similar0.003% of men, 0.003% of women · simulated as #050505
  • Achromatomaly 95% similar0.001% of men, 0.001% of women · simulated as #050409

#060313 contrast checker

AaThe quick brown fox jumps over the lazy dog.
20.38:1 Super#060313 text on white
AA normalPassAAA normalPass
AA largePassAAA largePass
AaThe quick brown fox jumps over the lazy dog.
1.03:1 Very poor#060313 text on black
AA normalFailAAA normalFail
AA largeFailAAA largeFail

Need another background? Pick any pair in the palette generator and open the contrast panel.

Colors similar to #060313

Palettes with #060313

#060313 in CSS

/* Obsidian Shard */
.color { color: #060313; }
.background { background-color: #060313; }
.border { border: 1px solid #060313; }

/* Other notations */
color: rgb(6 3 19);
color: hsl(251 73% 4%);
color: oklch(0.119 0.040 291.2);

#060313 FAQ

What color is #060313?

#060313 is a very dark black. Its closest named color is Obsidian Shard. It belongs to the black color family and is a cool color.

What is the RGB value of #060313?

#060313 is rgb(6, 3, 19) in RGB, hsl(251, 73%, 4%) in HSL and cmyk(68%, 84%, 0%, 93%) in CMYK.

What is the complementary color of #060313?

The complementary color of #060313 is #101303, which sits opposite it on the color wheel.

Which text color works on #060313?

White text has the best contrast on #060313: 20.38:1, which meets the WCAG AA requirement of 4.5:1 for normal text.

Is #060313 a warm or cool color?

#060313 is a cool color.