#4AAAC7#4AAAC7

#4AAAC7 is a light, moderate cyan. Relative luminance 0.343; OKLCH L 69.2% C 0.099 H 220.9°. Best body text is #000000 at 7.87:1 contrast (WCAG AA passes).

Color values

HEX#4AAAC7
RGBrgb(74, 170, 199)
HSLhsl(194, 53%, 54%)
HSVhsv(194, 63%, 78%)
CMYKcmyk(62.8%, 14.6%, 0%, 22%)
CIE-LABlab(65.22, -19.37, -23.20)
CIE-LCHlch(65.22, 30.23, 230.13°)
OKLaboklab(69.24% -0.0746 -0.0646)
OKLCHoklch(69.24% 0.099 220.9)
XYZxyz(27.5034, 34.3260, 59.1979)
Luminance0.3433 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4AAAC7 #C7674A
analogous
#4AC7A5 #4AAAC7 #4A6BC7
triadic
#4AAAC7 #C74AAA #AAC74A
tetradic
#4AAAC7 #A54AC7 #C7674A #6BC74A
square
#4AAAC7 #A54AC7 #C7674A #6BC74A
split-complementary
#4AAAC7 #C74A6B #C7A54A
monochromatic
#246173 #3288A2 #4AAAC7 #79C0D5 #A7D6E4

Accessibility & contrast

On white

2.67
#4AAAC7 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.87
#4AAAC7 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #4AAAC7
7.87:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4AAAC7#FFFFFF#000000##000000
##4AAAC71.002.677.877.87
#FFFFFF2.671.0021.0021.00
#0000007.8721.001.001.00
##0000007.8721.001.001.00

Color blindness preview

Protanopia (red-blind)
#99A6C9
Deuteranopia (green-blind)
#8799C7
Tritanopia (blue-blind)
#00B3B3
Achromatopsia (no color)
#9E9E9E

Design tokens & code

CSS
--color: #4aaac7;
/* rgb */ color: rgb(74, 170, 199);
/* oklch */ color: oklch(69.2% 0.099 220.9);
Tailwind
colors: {
  custom: {
    50: '#89c3d8',
    500: '#4aaac7',
    950: '#000000',
  },
}
SCSS
$custom: #4aaac7;
$custom-light: #89c3d8;
$custom-dark: #000000;
JSON
{
  "hex": "#4aaac7",
  "rgb": {
    "r": 74,
    "g": 170,
    "b": 199
  },
  "hsl": {
    "h": 193.92,
    "s": 52.743,
    "l": 53.529
  },
  "oklch": {
    "l": 0.69238,
    "c": 0.09868,
    "h": 220.9
  },
  "luminance": 0.34329
}

Semantic roles & 50–950 ramp

primary
#4AAAC7
secondary
#D1A89C
accent
#6D4CDC
background
#F9FCFD
surface
#F1F8FA
border
#CBD1D3
text
#0D1214
muted
#7E8183

Preview Lab

Preview with #4AAAC7

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

Preview Lab → · Contrast checker → · Palette generator →

#4AAAC7 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva