#074448#074448

#074448 is a dark, muted teal. Relative luminance 0.046; OKLCH L 35.3% C 0.057 H 201.9°. Best body text is #FFFFFF at 10.88:1 contrast (WCAG AA passes).

Color values

HEX	#074448
RGB	rgb(7, 68, 72)
HSL	hsl(184, 82%, 15%)
HSV	hsv(184, 90%, 28%)
CMYK	cmyk(90.3%, 5.6%, 0%, 71.8%)
CIE-LAB	lab(25.70, -16.25, -7.65)
CIE-LCH	lch(25.70, 17.96, 205.20°)
OKLab	oklab(35.33% -0.0529 -0.0213)
OKLCH	oklch(35.33% 0.057 201.9)
XYZ	xyz(3.3239, 4.6469, 6.8514)
Luminance	0.0465 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#074448 #480B07

analogous

#07482B #074448 #072348

triadic

#074448 #480744 #444807

tetradic

#074448 #2B0748 #480B07 #234807

square

#074448 #2B0748 #480B07 #234807

split-complementary

#074448 #480723 #482B07

monochromatic

#031A1C #031A1C #074448 #0C7980 #12ADB8

Accessibility & contrast

On white

10.88

#074448 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.93

#074448 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #074448

10.88:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##074448	#FFFFFF	#000000	##FFFFFF
##074448	1.00	10.88	1.93	10.88
#FFFFFF	10.88	1.00	21.00	1.00
#000000	1.93	21.00	1.00	21.00
##FFFFFF	10.88	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#3E4148

Deuteranopia (green-blind)

#353A48

Tritanopia (blue-blind)

#004745

Achromatopsia (no color)

#3D3D3D

Design tokens & code

CSS

--color: #074448;
/* rgb */ color: rgb(7, 68, 72);
/* oklch */ color: oklch(35.3% 0.057 201.9);

Tailwind

colors: {
  custom: {
    50: '#56787b',
    500: '#074448',
    950: '#000000',
  },
}

SCSS

$custom: #074448;
$custom-light: #56787b;
$custom-dark: #000000;

JSON

{
  "hex": "#074448",
  "rgb": {
    "r": 7,
    "g": 68,
    "b": 72
  },
  "hsl": {
    "h": 183.692,
    "s": 82.278,
    "l": 15.49
  },
  "oklch": {
    "l": 0.35332,
    "c": 0.05701,
    "h": 201.9
  },
  "luminance": 0.04647
}

Semantic roles & 50–950 ramp

primary

#074448

secondary

#872A24

accent

#3C2FF9

background

#F5F7F7

surface

#E9EDED

border

#C5C8C8

text

#030909

muted

#787B7B

Preview Lab

Preview with #074448

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

Preview Lab → · Contrast checker → · Palette generator →