#46525A#46525A

#46525A is a dark, muted cyan. Relative luminance 0.081; OKLCH L 43.1% C 0.020 H 237.2°. Best body text is #FFFFFF at 8.03:1 contrast (WCAG AA passes).

Color values

HEX#46525A
RGBrgb(70, 82, 90)
HSLhsl(204, 13%, 31%)
HSVhsv(204, 22%, 35%)
CMYKcmyk(22.2%, 8.9%, 0%, 64.7%)
CIE-LABlab(34.14, -2.73, -6.25)
CIE-LCHlch(34.14, 6.82, 246.44°)
OKLaboklab(43.11% -0.0109 -0.017)
OKLCHoklch(43.11% 0.02 237.2)
XYZxyz(7.3880, 8.0747, 10.8402)
Luminance0.0808 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#46525A #5A4E46
analogous
#465A58 #46525A #46485A
triadic
#46525A #5A4652 #525A46
tetradic
#46525A #58465A #5A4E46 #485A46
square
#46525A #58465A #5A4E46 #485A46
split-complementary
#46525A #5A4648 #5A5846
monochromatic
#101315 #2B3338 #46525A #61717C #7F909B

Accessibility & contrast

On white

8.03
#46525A on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.62
#46525A on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #46525A
8.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##46525A#FFFFFF#000000##FFFFFF
##46525A1.008.032.628.03
#FFFFFF8.031.0021.001.00
#0000002.6221.001.0021.00
##FFFFFF8.031.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4F525A
Deuteranopia (green-blind)
#4C4F5A
Tritanopia (blue-blind)
#415454
Achromatopsia (no color)
#505050

Design tokens & code

CSS
--color: #46525a;
/* rgb */ color: rgb(70, 82, 90);
/* oklch */ color: oklch(43.1% 0.020 237.2);
Tailwind
colors: {
  custom: {
    50: '#798288',
    500: '#46525a',
    950: '#000000',
  },
}
SCSS
$custom: #46525a;
$custom-light: #798288;
$custom-dark: #000000;
JSON
{
  "hex": "#46525a",
  "rgb": {
    "r": 70,
    "g": 82,
    "b": 90
  },
  "hsl": {
    "h": 204,
    "s": 12.5,
    "l": 31.373
  },
  "oklch": {
    "l": 0.43114,
    "c": 0.02019,
    "h": 237.2
  },
  "luminance": 0.08075
}

Semantic roles & 50–950 ramp

primary
#46525A
secondary
#897C73
accent
#8D72B5
background
#F7F7F8
surface
#EDEEEF
border
#C8C9CA
text
#090A0B
muted
#7B7C7C

Preview Lab

Preview with #46525A

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

Preview Lab → · Contrast checker → · Palette generator →

#46525A Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva