#283A4F#283A4F

#283A4F is a dark, muted cyan. Relative luminance 0.040; OKLCH L 34.3% C 0.044 H 252.8°. Best body text is #FFFFFF at 11.61:1 contrast (WCAG AA passes).

Color values

HEX#283A4F
RGBrgb(40, 58, 79)
HSLhsl(212, 33%, 23%)
HSVhsv(212, 49%, 31%)
CMYKcmyk(49.4%, 26.6%, 0%, 69%)
CIE-LABlab(23.81, -0.63, -15.05)
CIE-LCHlch(23.81, 15.06, 267.59°)
OKLaboklab(34.27% -0.0129 -0.0419)
OKLCHoklch(34.27% 0.044 252.8)
XYZxyz(3.7989, 4.0415, 7.9755)
Luminance0.0404 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#283A4F #4F3D28
analogous
#284D4F #283A4F #29284F
triadic
#283A4F #4F283A #3A4F28
tetradic
#283A4F #4F284D #4F3D28 #284F29
square
#283A4F #4F284D #4F3D28 #284F29
split-complementary
#283A4F #4F2928 #4D4F28
monochromatic
#0A0F14 #131C26 #283A4F #3D5878 #5176A0

Accessibility & contrast

On white

11.61
#283A4F on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.81
#283A4F on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #283A4F
11.61:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##283A4F#FFFFFF#000000##FFFFFF
##283A4F1.0011.611.8111.61
#FFFFFF11.611.0021.001.00
#0000001.8121.001.0021.00
##FFFFFF11.611.0021.001.00

Color blindness preview

Protanopia (red-blind)
#323B50
Deuteranopia (green-blind)
#2D374F
Tritanopia (blue-blind)
#183F41
Achromatopsia (no color)
#393939

Design tokens & code

CSS
--color: #283a4f;
/* rgb */ color: rgb(40, 58, 79);
/* oklch */ color: oklch(34.3% 0.044 252.8);
Tailwind
colors: {
  custom: {
    50: '#647080',
    500: '#283a4f',
    950: '#000000',
  },
}
SCSS
$custom: #283a4f;
$custom-light: #647080;
$custom-dark: #000000;
JSON
{
  "hex": "#283a4f",
  "rgb": {
    "r": 40,
    "g": 58,
    "b": 79
  },
  "hsl": {
    "h": 212.308,
    "s": 32.773,
    "l": 23.333
  },
  "oklch": {
    "l": 0.34272,
    "c": 0.04387,
    "h": 252.8
  },
  "luminance": 0.04042
}

Semantic roles & 50–950 ramp

primary
#283A4F
secondary
#826B51
accent
#985FC9
background
#F6F6F7
surface
#EBECEE
border
#C6C7C9
text
#05070A
muted
#7A7A7C

Preview Lab

Preview with #283A4F

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#283A4F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva