#7BF5E8#7BF5E8

#7BF5E8 is a very light, moderate teal. Relative luminance 0.753; OKLCH L 89.6% C 0.112 H 186.2°. Best body text is #000000 at 16.07:1 contrast (WCAG AA passes).

Color values

HEX#7BF5E8
RGBrgb(123, 245, 232)
HSLhsl(174, 86%, 72%)
HSVhsv(174, 50%, 96%)
CMYKcmyk(49.8%, 0%, 5.3%, 3.9%)
CIE-LABlab(89.55, -37.35, -4.28)
CIE-LCHlch(89.55, 37.59, 186.54°)
OKLaboklab(89.61% -0.1112 -0.0121)
OKLCHoklch(89.61% 0.112 186.2)
XYZxyz(55.3802, 75.3370, 87.9514)
Luminance0.7534 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7BF5E8 #F57B88
analogous
#7BF5AB #7BF5E8 #7BC5F5
triadic
#7BF5E8 #E87BF5 #F5E87B
tetradic
#7BF5E8 #AB7BF5 #F57B88 #C5F57B
square
#7BF5E8 #AB7BF5 #F57B88 #C5F57B
split-complementary
#7BF5E8 #F57BC5 #F5AB7B
monochromatic
#11E4CE #42F1DE #7BF5E8 #B4F9F2 #E3FDFA

Accessibility & contrast

On white

1.31
#7BF5E8 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.07
#7BF5E8 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #7BF5E8
16.07:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7BF5E8#FFFFFF#000000##000000
##7BF5E81.001.3116.0716.07
#FFFFFF1.311.0021.0021.00
#00000016.0721.001.001.00
##00000016.0721.001.001.00

Color blindness preview

Protanopia (red-blind)
#EAEAE8
Deuteranopia (green-blind)
#D6DBE9
Tritanopia (blue-blind)
#34FAF1
Achromatopsia (no color)
#E1E1E1

Design tokens & code

CSS
--color: #7bf5e8;
/* rgb */ color: rgb(123, 245, 232);
/* oklch */ color: oklch(89.6% 0.112 186.2);
Tailwind
colors: {
  custom: {
    50: '#aaf9ef',
    500: '#7bf5e8',
    950: '#000000',
  },
}
SCSS
$custom: #7bf5e8;
$custom-light: #aaf9ef;
$custom-dark: #000000;
JSON
{
  "hex": "#7bf5e8",
  "rgb": {
    "r": 123,
    "g": 245,
    "b": 232
  },
  "hsl": {
    "h": 173.607,
    "s": 85.915,
    "l": 72.157
  },
  "oklch": {
    "l": 0.89612,
    "c": 0.11187,
    "h": 186.2
  },
  "luminance": 0.75342
}

Semantic roles & 50–950 ramp

primary
#7BF5E8
secondary
#D04453
accent
#031BE2
background
#FDFFFF
surface
#F7FFFE
border
#D0D7D6
text
#111716
muted
#818585

Preview Lab

Preview with #7BF5E8

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

Preview Lab → · Contrast checker → · Palette generator →

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