#041C2D#041C2D

#041C2D is a very dark, muted cyan. Relative luminance 0.010; OKLCH L 21.8% C 0.045 H 242.6°. Best body text is #FFFFFF at 17.37:1 contrast (WCAG AA passes).

Color values

HEX#041C2D
RGBrgb(4, 28, 45)
HSLhsl(205, 84%, 10%)
HSVhsv(205, 91%, 18%)
CMYKcmyk(91.1%, 37.8%, 0%, 82.4%)
CIE-LABlab(9.37, -2.06, -14.11)
CIE-LCHlch(9.37, 14.26, 261.70°)
OKLaboklab(21.75% -0.0208 -0.04)
OKLCHoklch(21.75% 0.045 242.6)
XYZxyz(0.9388, 1.0457, 2.6345)
Luminance0.0105 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#041C2D #2D1504
analogous
#042D2A #041C2D #04082D
triadic
#041C2D #2D041C #1C2D04
tetradic
#041C2D #2A042D #2D1504 #082D04
square
#041C2D #2A042D #2D1504 #082D04
split-complementary
#041C2D #2D0408 #2D2A04
monochromatic
#02111C #02111C #041C2D #093F65 #0E629D

Accessibility & contrast

On white

17.37
#041C2D on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.21
#041C2D on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #041C2D
17.37:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##041C2D#FFFFFF#000000##FFFFFF
##041C2D1.0017.371.2117.37
#FFFFFF17.371.0021.001.00
#0000001.2121.001.0021.00
##FFFFFF17.371.0021.001.00

Color blindness preview

Protanopia (red-blind)
#141C2E
Deuteranopia (green-blind)
#0E182D
Tritanopia (blue-blind)
#002022
Achromatopsia (no color)
#1A1A1A

Design tokens & code

CSS
--color: #041c2d;
/* rgb */ color: rgb(4, 28, 45);
/* oklch */ color: oklch(21.8% 0.045 242.6);
Tailwind
colors: {
  custom: {
    50: '#4a5766',
    500: '#041c2d',
    950: '#000000',
  },
}
SCSS
$custom: #041c2d;
$custom-light: #4a5766;
$custom-dark: #000000;
JSON
{
  "hex": "#041c2d",
  "rgb": {
    "r": 4,
    "g": 28,
    "b": 45
  },
  "hsl": {
    "h": 204.878,
    "s": 83.673,
    "l": 9.608
  },
  "oklch": {
    "l": 0.21752,
    "c": 0.04507,
    "h": 242.6
  },
  "luminance": 0.01046
}

Semantic roles & 50–950 ramp

primary
#041C2D
secondary
#703F1D
accent
#822EFA
background
#F4F5F6
surface
#E7E9EB
border
#C3C5C6
text
#010305
muted
#77787A

Preview Lab

Preview with #041C2D

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

Preview Lab → · Contrast checker → · Palette generator →

#041C2D Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva