#304657#304657

#304657 is a dark, muted cyan. Relative luminance 0.057; OKLCH L 38.3% C 0.040 H 242.3°. Best body text is #FFFFFF at 9.82:1 contrast (WCAG AA passes).

Color values

HEX#304657
RGBrgb(48, 70, 87)
HSLhsl(206, 29%, 26%)
HSVhsv(206, 45%, 34%)
CMYKcmyk(44.8%, 19.5%, 0%, 65.9%)
CIE-LABlab(28.63, -3.44, -12.81)
CIE-LCHlch(28.63, 13.27, 254.95°)
OKLaboklab(38.33% -0.0186 -0.0354)
OKLCHoklch(38.33% 0.04 242.3)
XYZxyz(5.1288, 5.6965, 9.8443)
Luminance0.0570 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#304657 #574130
analogous
#305755 #304657 #303357
triadic
#304657 #573046 #465730
tetradic
#304657 #553057 #574130 #335730
square
#304657 #553057 #574130 #335730
split-complementary
#304657 #573033 #575530
monochromatic
#0B1014 #1A2630 #304657 #46667E #5C85A5

Accessibility & contrast

On white

9.82
#304657 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.14
#304657 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #304657
9.82:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##304657#FFFFFF#000000##FFFFFF
##3046571.009.822.149.82
#FFFFFF9.821.0021.001.00
#0000002.1421.001.0021.00
##FFFFFF9.821.0021.001.00

Color blindness preview

Protanopia (red-blind)
#3F4658
Deuteranopia (green-blind)
#3A4257
Tritanopia (blue-blind)
#214A4C
Achromatopsia (no color)
#444444

Design tokens & code

CSS
--color: #304657;
/* rgb */ color: rgb(48, 70, 87);
/* oklch */ color: oklch(38.3% 0.040 242.3);
Tailwind
colors: {
  custom: {
    50: '#6a7986',
    500: '#304657',
    950: '#000000',
  },
}
SCSS
$custom: #304657;
$custom-light: #6a7986;
$custom-dark: #000000;
JSON
{
  "hex": "#304657",
  "rgb": {
    "r": 48,
    "g": 70,
    "b": 87
  },
  "hsl": {
    "h": 206.154,
    "s": 28.889,
    "l": 26.471
  },
  "oklch": {
    "l": 0.38328,
    "c": 0.04004,
    "h": 242.3
  },
  "luminance": 0.05697
}

Semantic roles & 50–950 ramp

primary
#304657
secondary
#886E5A
accent
#8E63C5
background
#F6F7F8
surface
#EBEDEF
border
#C6C8CA
text
#06090B
muted
#7A7B7C

Preview Lab

Preview with #304657

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

Preview Lab → · Contrast checker → · Palette generator →

#304657 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva