Start generating
283F58

#283F58 closest to Nautilus

#283F58 is a dark, muted blue; the closest named color is Nautilus. In the RGB color model it is made of 15.7% red, 24.7% green and 34.5% blue (rgb(40, 63, 88)). Its HSL value is 211° hue, 38% saturation and 25% lightness, and in CMYK it is 55% cyan, 28% magenta, 0% yellow and 65% black. #283F58 is a cool color. White text reads best on it, with a contrast ratio of 10.81:1.

Make a palette with #283F58

#283F58 color conversion

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

Variations of #283F58

Shades

Mixed with black: richer and darker.

283F5821354B1B2C3F1523330F1B2809121D040A12020409010103000000

Tints

Mixed with white: lighter and softer.

283F583B50684F62776374877887988D9AA8A3ADB9B9C1CAD0D5DCE7EAED

Tones

Mixed with gray: calmer and more muted.

283F5831455C394C604252644A5968535F6C5C6570656C746E737877797C

Hues

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

13454914454D1843511D4254224156283F582E3D59333C59383A583D3857423754

Temperatures

Cooler on the left, warmer on the right.

284B7928497228476C28446528425E283F583243583B4758444A584C4E58555157

#283F58 color harmonies

Complementary

The opposite hue — maximum contrast and energy.

283F58584128
Open in generator →

Split complementary

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

283F58582928575828
Open in generator →

Analogous

Neighbouring hues — calm, cohesive and natural.

283F58285758292858
Open in generator →

Triadic

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

283F5858283F3F5828
Open in generator →

Tetradic

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

283F584128585841283F5828
Open in generator →

Square

Four hues spaced at 90° — bold and playful.

283F58582857584128285829
Open in generator →

#283F58 for color-blind viewers (and dogs)

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

  • Dog vision 97% similarHow dogs see it · simulated as #2F3B57
  • Protanopia 96% similar1.3% of men, 0.02% of women · simulated as #354059
  • Protanomaly 97% similar1.3% of men, 0.02% of women · simulated as #323F59
  • Deuteranopia 97% similar1.2% of men, 0.01% of women · simulated as #2F3B57
  • Deuteranomaly 98% similar5% of men, 0.35% of women · simulated as #2D3D58
  • Tritanopia 91% similar0.001% of men, 0.03% of women · simulated as #104548
  • Tritanomaly 96% similar0.0001% of men, 0.0001% of women · simulated as #214151
  • Achromatopsia 90% similar0.003% of men, 0.003% of women · simulated as #3D3D3D
  • Achromatomaly 92% similar0.001% of men, 0.001% of women · simulated as #393E45

#283F58 contrast checker

AaThe quick brown fox jumps over the lazy dog.
10.81:1 Very good#283F58 text on white
AA normalPassAAA normalPass
AA largePassAAA largePass
AaThe quick brown fox jumps over the lazy dog.
1.94:1 Very poor#283F58 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 #283F58

Palettes with #283F58

#283F58 in CSS

/* Nautilus */
.color { color: #283F58; }
.background { background-color: #283F58; }
.border { border: 1px solid #283F58; }

/* Other notations */
color: rgb(40 63 88);
color: hsl(211 38% 25%);
color: oklch(0.361 0.052 251.4);

#283F58 FAQ

What color is #283F58?

#283F58 is a dark, muted blue. Its closest named color is Nautilus. It belongs to the blue color family and is a cool color.

What is the RGB value of #283F58?

#283F58 is rgb(40, 63, 88) in RGB, hsl(211, 38%, 25%) in HSL and cmyk(55%, 28%, 0%, 65%) in CMYK.

What is the complementary color of #283F58?

The complementary color of #283F58 is #584128, which sits opposite it on the color wheel.

Which text color works on #283F58?

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

Is #283F58 a warm or cool color?

#283F58 is a cool color.