#4DDDF7#4DDDF7

#4DDDF7 is a very light, vivid teal. Relative luminance 0.600; OKLCH L 83.2% C 0.125 H 212.1°. Best body text is #000000 at 13.00:1 contrast (WCAG AA passes).

Color values

HEX#4DDDF7
RGBrgb(77, 221, 247)
HSLhsl(189, 91%, 64%)
HSVhsv(189, 69%, 97%)
CMYKcmyk(68.8%, 10.5%, 0%, 3.1%)
CIE-LABlab(81.84, -30.01, -23.85)
CIE-LCHlch(81.84, 38.34, 218.48°)
OKLaboklab(83.17% -0.1058 -0.0664)
OKLCHoklch(83.17% 0.125 212.1)
XYZxyz(45.6984, 60.0008, 97.1505)
Luminance0.6001 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4DDDF7 #F7674D
analogous
#4DF7BC #4DDDF7 #4D88F7
triadic
#4DDDF7 #F74DDD #DDF74D
tetradic
#4DDDF7 #BC4DF7 #F7674D #88F74D
square
#4DDDF7 #BC4DF7 #F7674D #88F74D
split-complementary
#4DDDF7 #F74D88 #F7BC4D
monochromatic
#09A5C1 #12D2F4 #4DDDF7 #88E8FA #C2F3FC

Accessibility & contrast

On white

1.62
#4DDDF7 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.00
#4DDDF7 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #4DDDF7
13.00:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4DDDF7#FFFFFF#000000##000000
##4DDDF71.001.6213.0013.00
#FFFFFF1.621.0021.0021.00
#00000013.0021.001.001.00
##00000013.0021.001.001.00

Color blindness preview

Protanopia (red-blind)
#C9D6F9
Deuteranopia (green-blind)
#B1C4F7
Tritanopia (blue-blind)
#00E8E5
Achromatopsia (no color)
#CBCBCB

Design tokens & code

CSS
--color: #4dddf7;
/* rgb */ color: rgb(77, 221, 247);
/* oklch */ color: oklch(83.2% 0.125 212.1);
Tailwind
colors: {
  custom: {
    50: '#94e8f9',
    500: '#4dddf7',
    950: '#000000',
  },
}
SCSS
$custom: #4dddf7;
$custom-light: #94e8f9;
$custom-dark: #000000;
JSON
{
  "hex": "#4dddf7",
  "rgb": {
    "r": 77,
    "g": 221,
    "b": 247
  },
  "hsl": {
    "h": 189.176,
    "s": 91.398,
    "l": 63.529
  },
  "oklch": {
    "l": 0.83167,
    "c": 0.12488,
    "h": 212.1
  },
  "luminance": 0.60006
}

Semantic roles & 50–950 ramp

primary
#4DDDF7
secondary
#BE412A
accent
#2300E6
background
#FCFEFF
surface
#F5FCFF
border
#CFD5D7
text
#0F1617
muted
#808485

Preview Lab

Preview with #4DDDF7

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

Preview Lab → · Contrast checker → · Palette generator →

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