#6FB799#6FB799

#6FB799 is a light, moderate teal. Relative luminance 0.395; OKLCH L 72.3% C 0.085 H 165.7°. Best body text is #000000 at 8.91:1 contrast (WCAG AA passes).

Color values

HEX#6FB799
RGBrgb(111, 183, 153)
HSLhsl(155, 33%, 58%)
HSVhsv(155, 39%, 72%)
CMYKcmyk(39.3%, 0%, 16.4%, 28.2%)
CIE-LABlab(69.14, -29.48, 8.22)
CIE-LCHlch(69.14, 30.60, 164.42°)
OKLaboklab(72.34% -0.0828 0.0212)
OKLCHoklch(72.34% 0.085 165.7)
XYZxyz(29.2366, 39.5445, 36.2231)
Luminance0.3955 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6FB799 #B76F8D
analogous
#6FB775 #6FB799 #6FB1B7
triadic
#6FB799 #996FB7 #B7996F
tetradic
#6FB799 #756FB7 #B76F8D #B1B76F
square
#6FB799 #756FB7 #B76F8D #B1B76F
split-complementary
#6FB799 #B76FB1 #B7756F
monochromatic
#39725B #4E9B7B #6FB799 #98CBB6 #C1E0D3

Accessibility & contrast

On white

2.36
#6FB799 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.91
#6FB799 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #6FB799
8.91:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6FB799#FFFFFF#000000##000000
##6FB7991.002.368.918.91
#FFFFFF2.361.0021.0021.00
#0000008.9121.001.001.00
##0000008.9121.001.001.00

Color blindness preview

Protanopia (red-blind)
#B4AE97
Deuteranopia (green-blind)
#A8A59B
Tritanopia (blue-blind)
#5CB7AE
Achromatopsia (no color)
#A9A9A9

Design tokens & code

CSS
--color: #6fb799;
/* rgb */ color: rgb(111, 183, 153);
/* oklch */ color: oklch(72.3% 0.085 165.7);
Tailwind
colors: {
  custom: {
    50: '#9bcdb7',
    500: '#6fb799',
    950: '#000000',
  },
}
SCSS
$custom: #6fb799;
$custom-light: #9bcdb7;
$custom-dark: #000000;
JSON
{
  "hex": "#6fb799",
  "rgb": {
    "r": 111,
    "g": 183,
    "b": 153
  },
  "hsl": {
    "h": 155,
    "s": 33.333,
    "l": 57.647
  },
  "oklch": {
    "l": 0.72337,
    "c": 0.08543,
    "h": 165.7
  },
  "luminance": 0.39546
}

Semantic roles & 50–950 ramp

primary
#6FB799
secondary
#CFB2BE
accent
#5E8BC9
background
#F9FCFB
surface
#F2F9F6
border
#CCD2D0
text
#0E1311
muted
#7E8280

Preview Lab

Preview with #6FB799

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

Preview Lab → · Contrast checker → · Palette generator →

#6FB799 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva