#44616A#44616A

#44616A is a mid, muted cyan. Relative luminance 0.108; OKLCH L 47.3% C 0.037 H 219.1°. Best body text is #FFFFFF at 6.64:1 contrast (WCAG AA passes).

Color values

HEX	#44616A
RGB	rgb(68, 97, 106)
HSL	hsl(194, 22%, 34%)
HSV	hsv(194, 36%, 42%)
CMYK	cmyk(35.8%, 8.5%, 0%, 58.4%)
CIE-LAB	lab(39.27, -8.18, -8.53)
CIE-LCH	lch(39.27, 11.82, 226.19°)
OKLab	oklab(47.33% -0.0288 -0.0233)
OKLCH	oklch(47.33% 0.037 219.1)
XYZ	xyz(9.2592, 10.8184, 15.2332)
Luminance	0.1082 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#44616A #6A4D44

analogous

#446A60 #44616A #444E6A

triadic

#44616A #6A4461 #616A44

tetradic

#44616A #60446A #6A4D44 #4E6A44

square

#44616A #60446A #6A4D44 #4E6A44

split-complementary

#44616A #6A444E #6A6044

monochromatic

#141D1F #2C3F45 #44616A #5C838F #7DA0AC

Accessibility & contrast

On white

6.64

#44616A on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.16

#44616A on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #44616A

6.64:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##44616A	#FFFFFF	#000000	##FFFFFF
##44616A	1.00	6.64	3.16	6.64
#FFFFFF	6.64	1.00	21.00	1.00
#000000	3.16	21.00	1.00	21.00
##FFFFFF	6.64	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#5B5F6B

Deuteranopia (green-blind)

#555A6A

Tritanopia (blue-blind)

#376464

Achromatopsia (no color)

#5C5C5C

Design tokens & code

CSS

--color: #44616a;
/* rgb */ color: rgb(68, 97, 106);
/* oklch */ color: oklch(47.3% 0.037 219.1);

Tailwind

colors: {
  custom: {
    50: '#798e94',
    500: '#44616a',
    950: '#000000',
  },
}

SCSS

$custom: #44616a;
$custom-light: #798e94;
$custom-dark: #000000;

JSON

{
  "hex": "#44616a",
  "rgb": {
    "r": 68,
    "g": 97,
    "b": 106
  },
  "hsl": {
    "h": 194.211,
    "s": 21.839,
    "l": 34.118
  },
  "oklch": {
    "l": 0.4733,
    "c": 0.03705,
    "h": 219.1
  },
  "luminance": 0.10819
}

Semantic roles & 50–950 ramp

primary

#44616A

secondary

#987B72

accent

#7E69BE

background

#F7F8F9

surface

#EDF0F1

border

#C8CBCB

text

#090C0D

muted

#7B7D7E

Preview Lab

Preview with #44616A

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

Preview Lab → · Contrast checker → · Palette generator →