#347364#347364

#347364 is a mid, moderate teal. Relative luminance 0.139; OKLCH L 50.9% C 0.070 H 175.6°. Best body text is #FFFFFF at 5.55:1 contrast (WCAG AA passes).

Color values

HEX#347364
RGBrgb(52, 115, 100)
HSLhsl(166, 38%, 33%)
HSVhsv(166, 55%, 45%)
CMYKcmyk(54.8%, 0%, 13%, 54.9%)
CIE-LABlab(44.10, -24.25, 2.16)
CIE-LCHlch(44.10, 24.34, 174.92°)
OKLaboklab(50.93% -0.0695 0.0053)
OKLCHoklch(50.93% 0.07 175.6)
XYZxyz(9.8461, 13.9107, 14.2203)
Luminance0.1391 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#347364 #733443
analogous
#347344 #347364 #346373
triadic
#347364 #643473 #736434
tetradic
#347364 #443473 #733443 #637334
square
#347364 #443473 #733443 #637334
split-complementary
#347364 #733463 #734434
monochromatic
#0E1F1B #21493F #347364 #479D89 #67BAA6

Accessibility & contrast

On white

5.55
#347364 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.78
#347364 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #347364
5.55:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##347364#FFFFFF#000000##FFFFFF
##3473641.005.553.785.55
#FFFFFF5.551.0021.001.00
#0000003.7821.001.0021.00
##FFFFFF5.551.0021.001.00

Color blindness preview

Protanopia (red-blind)
#6F6C63
Deuteranopia (green-blind)
#656565
Tritanopia (blue-blind)
#14746E
Achromatopsia (no color)
#686868

Design tokens & code

CSS
--color: #347364;
/* rgb */ color: rgb(52, 115, 100);
/* oklch */ color: oklch(50.9% 0.070 175.6);
Tailwind
colors: {
  custom: {
    50: '#719b90',
    500: '#347364',
    950: '#000000',
  },
}
SCSS
$custom: #347364;
$custom-light: #719b90;
$custom-dark: #000000;
JSON
{
  "hex": "#347364",
  "rgb": {
    "r": 52,
    "g": 115,
    "b": 100
  },
  "hsl": {
    "h": 165.714,
    "s": 37.725,
    "l": 32.745
  },
  "oklch": {
    "l": 0.50935,
    "c": 0.06966,
    "h": 175.6
  },
  "luminance": 0.13912
}

Semantic roles & 50–950 ramp

primary
#347364
secondary
#A36070
accent
#5A76CE
background
#F7F9F8
surface
#EDF2F0
border
#C8CCCB
text
#080E0C
muted
#7B7E7D

Preview Lab

Preview with #347364

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

Preview Lab → · Contrast checker → · Palette generator →

#347364 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva