#304048#304048

#304048 is a dark, muted cyan. Relative luminance 0.048; OKLCH L 36.1% C 0.025 H 229.9°. Best body text is #FFFFFF at 10.75:1 contrast (WCAG AA passes).

Color values

HEX	#304048
RGB	rgb(48, 64, 72)
HSL	hsl(200, 20%, 24%)
HSV	hsv(200, 33%, 28%)
CMYK	cmyk(33.3%, 11.1%, 0%, 71.8%)
CIE-LAB	lab(26.05, -4.17, -6.96)
CIE-LCH	lch(26.05, 8.11, 239.06°)
OKLab	oklab(36.08% -0.016 -0.019)
OKLCH	oklch(36.08% 0.025 229.9)
XYZ	xyz(4.2217, 4.7629, 6.8265)
Luminance	0.0476 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#304048 #483830

analogous

#304844 #304048 #303448

triadic

#304048 #483040 #404830

tetradic

#304048 #443048 #483830 #344830

square

#304048 #443048 #483830 #344830

split-complementary

#304048 #483034 #484430

monochromatic

#0C1012 #181F23 #304048 #48616D #618191

Accessibility & contrast

On white

10.75

#304048 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.95

#304048 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #304048

10.75:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##304048	#FFFFFF	#000000	##FFFFFF
##304048	1.00	10.75	1.95	10.75
#FFFFFF	10.75	1.00	21.00	1.00
#000000	1.95	21.00	1.00	21.00
##FFFFFF	10.75	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#3C3F48

Deuteranopia (green-blind)

#383C48

Tritanopia (blue-blind)

#284242

Achromatopsia (no color)

#3E3E3E

Design tokens & code

CSS

--color: #304048;
/* rgb */ color: rgb(48, 64, 72);
/* oklch */ color: oklch(36.1% 0.025 229.9);

Tailwind

colors: {
  custom: {
    50: '#69747b',
    500: '#304048',
    950: '#000000',
  },
}

SCSS

$custom: #304048;
$custom-light: #69747b;
$custom-dark: #000000;

JSON

{
  "hex": "#304048",
  "rgb": {
    "r": 48,
    "g": 64,
    "b": 72
  },
  "hsl": {
    "h": 200,
    "s": 20,
    "l": 23.529
  },
  "oklch": {
    "l": 0.36083,
    "c": 0.02485,
    "h": 229.9
  },
  "luminance": 0.04763
}

Semantic roles & 50–950 ramp

primary

#304048

secondary

#79655B

accent

#866BBD

background

#F6F7F7

surface

#EBEDED

border

#C6C8C8

text

#060809

muted

#7A7B7B

Preview Lab

Preview with #304048

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

Preview Lab → · Contrast checker → · Palette generator →