#7CA998#7CA998

#7CA998 is a light, muted teal. Relative luminance 0.349; OKLCH L 69.7% C 0.055 H 169.4°. Best body text is #000000 at 7.99:1 contrast (WCAG AA passes).

Color values

HEX#7CA998
RGBrgb(124, 169, 152)
HSLhsl(157, 21%, 57%)
HSVhsv(157, 27%, 66%)
CMYKcmyk(26.6%, 0%, 10.1%, 33.7%)
CIE-LABlab(65.69, -18.77, 3.90)
CIE-LCHlch(65.69, 19.17, 168.26°)
OKLaboklab(69.74% -0.0536 0.01)
OKLCHoklch(69.74% 0.055 169.4)
XYZxyz(28.1659, 34.9268, 34.9572)
Luminance0.3493 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7CA998 #A97C8D
analogous
#7CA982 #7CA998 #7CA4A9
triadic
#7CA998 #987CA9 #A9987C
tetradic
#7CA998 #827CA9 #A97C8D #A4A97C
square
#7CA998 #827CA9 #A97C8D #A4A97C
split-complementary
#7CA998 #A97CA4 #A9827C
monochromatic
#44675A #5C8C7A #7CA998 #A1C1B5 #C6DAD2

Accessibility & contrast

On white

2.63
#7CA998 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.99
#7CA998 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #7CA998
7.99:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7CA998#FFFFFF#000000##000000
##7CA9981.002.637.997.99
#FFFFFF2.631.0021.0021.00
#0000007.9921.001.001.00
##0000007.9921.001.001.00

Color blindness preview

Protanopia (red-blind)
#A7A397
Deuteranopia (green-blind)
#9E9D99
Tritanopia (blue-blind)
#71AAA4
Achromatopsia (no color)
#A0A0A0

Design tokens & code

CSS
--color: #7ca998;
/* rgb */ color: rgb(124, 169, 152);
/* oklch */ color: oklch(69.7% 0.055 169.4);
Tailwind
colors: {
  custom: {
    50: '#a3c2b6',
    500: '#7ca998',
    950: '#000000',
  },
}
SCSS
$custom: #7ca998;
$custom-light: #a3c2b6;
$custom-dark: #000000;
JSON
{
  "hex": "#7ca998",
  "rgb": {
    "r": 124,
    "g": 169,
    "b": 152
  },
  "hsl": {
    "h": 157.333,
    "s": 20.737,
    "l": 57.451
  },
  "oklch": {
    "l": 0.69735,
    "c": 0.05455,
    "h": 169.4
  },
  "luminance": 0.34928
}

Semantic roles & 50–950 ramp

primary
#7CA998
secondary
#C9B7BE
accent
#6A8ABD
background
#FAFBFB
surface
#F4F7F6
border
#CED0D0
text
#0F1211
muted
#7F8180

Preview Lab

Preview with #7CA998

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

Preview Lab → · Contrast checker → · Palette generator →

#7CA998 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva