Start generating
0C283A

#0C283A closest to Oceanic Noir

#0C283A is a very dark, muted blue; the closest named color is Oceanic Noir. In the RGB color model it is made of 4.7% red, 15.7% green and 22.7% blue (rgb(12, 40, 58)). Its HSL value is 203° hue, 66% saturation and 14% lightness, and in CMYK it is 79% cyan, 31% magenta, 0% yellow and 77% black. #0C283A is a cool color. White text reads best on it, with a contrast ratio of 15.21:1.

Make a palette with #0C283A

#0C283A color conversion

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

Variations of #0C283A

Shades

Mixed with black: richer and darker.

0C283A092131061B28041520030F18020910010409000204000101000000

Tints

Mixed with white: lighter and softer.

0C283A223B4C384E5E4E62706677847E8C9796A2ABAFB9C0C9D0D4E4E7EA

Tones

Mixed with gray: calmer and more muted.

0C283A1830412339482F414F3A4A5645525C505B645C646B686D72747779

Hues

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

002C2A002C2E002B32012A350629380C283A12273B17253C1C243C21223C25213B

Temperatures

Cooler on the left, warmer on the right.

0F385F0F35580E32500D2F490D2B410C283A182D3B22313D2C363E363A3F3F3E3F

#0C283A color harmonies

Complementary

The opposite hue — maximum contrast and energy.

0C283A3A1E0C
Open in generator →

Split complementary

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

0C283A3A0C113A350C
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

0C283A0C3A350C113A
Open in generator →

Triadic

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

0C283A3A0C28283A0C
Open in generator →

Tetradic

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

0C283A1E0C3A3A1E0C283A0C
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

0C283A350C3A3A1E0C113A0C
Open in generator →

#0C283A for color-blind viewers (and dogs)

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

  • Dog vision 96% similarHow dogs see it · simulated as #19243A
  • Protanopia 95% similar1.3% of men, 0.02% of women · simulated as #20283B
  • Protanomaly 96% similar1.3% of men, 0.02% of women · simulated as #1B283B
  • Deuteranopia 96% similar1.2% of men, 0.01% of women · simulated as #19243A
  • Deuteranomaly 97% similar5% of men, 0.35% of women · simulated as #17253A
  • Tritanopia 94% similar0.001% of men, 0.03% of women · simulated as #002C2E
  • Tritanomaly 97% similar0.0001% of men, 0.0001% of women · simulated as #022A35
  • Achromatopsia 90% similar0.003% of men, 0.003% of women · simulated as #262626
  • Achromatomaly 93% similar0.001% of men, 0.001% of women · simulated as #21262C

#0C283A contrast checker

AaThe quick brown fox jumps over the lazy dog.
15.21:1 Super#0C283A text on white
AA normalPassAAA normalPass
AA largePassAAA largePass
AaThe quick brown fox jumps over the lazy dog.
1.38:1 Very poor#0C283A 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 #0C283A

Palettes with #0C283A

#0C283A in CSS

/* Oceanic Noir */
.color { color: #0C283A; }
.background { background-color: #0C283A; }
.border { border: 1px solid #0C283A; }

/* Other notations */
color: rgb(12 40 58);
color: hsl(203 66% 14%);
color: oklch(0.265 0.047 240.2);

#0C283A FAQ

What color is #0C283A?

#0C283A is a very dark, muted blue. Its closest named color is Oceanic Noir. It belongs to the blue color family and is a cool color.

What is the RGB value of #0C283A?

#0C283A is rgb(12, 40, 58) in RGB, hsl(203, 66%, 14%) in HSL and cmyk(79%, 31%, 0%, 77%) in CMYK.

What is the complementary color of #0C283A?

The complementary color of #0C283A is #3A1E0C, which sits opposite it on the color wheel.

Which text color works on #0C283A?

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

Is #0C283A a warm or cool color?

#0C283A is a cool color.