#27635F#27635F

#27635F is a mid, moderate teal. Relative luminance 0.102; OKLCH L 45.9% C 0.062 H 189.2°. Best body text is #FFFFFF at 6.92:1 contrast (WCAG AA passes).

Color values

HEX#27635F
RGBrgb(39, 99, 95)
HSLhsl(176, 43%, 27%)
HSVhsv(176, 61%, 39%)
CMYKcmyk(60.6%, 0%, 4%, 61.2%)
CIE-LABlab(38.16, -20.32, -3.56)
CIE-LCHlch(38.16, 20.63, 189.94°)
OKLaboklab(45.94% -0.0612 -0.0099)
OKLCHoklch(45.94% 0.062 189.2)
XYZxyz(7.3632, 10.1805, 12.4012)
Luminance0.1018 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#27635F #63272B
analogous
#276341 #27635F #274963
triadic
#27635F #5F2763 #635F27
tetradic
#27635F #412763 #63272B #496327
square
#27635F #412763 #63272B #496327
split-complementary
#27635F #632749 #634127
monochromatic
#091615 #163735 #27635F #388F89 #4CB8B1

Accessibility & contrast

On white

6.92
#27635F on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.04
#27635F on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #27635F
6.92:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##27635F#FFFFFF#000000##FFFFFF
##27635F1.006.923.046.92
#FFFFFF6.921.0021.001.00
#0000003.0421.001.0021.00
##FFFFFF6.921.0021.001.00

Color blindness preview

Protanopia (red-blind)
#5E5E5F
Deuteranopia (green-blind)
#545760
Tritanopia (blue-blind)
#006562
Achromatopsia (no color)
#5A5A5A

Design tokens & code

CSS
--color: #27635f;
/* rgb */ color: rgb(39, 99, 95);
/* oklch */ color: oklch(45.9% 0.062 189.2);
Tailwind
colors: {
  custom: {
    50: '#688f8c',
    500: '#27635f',
    950: '#000000',
  },
}
SCSS
$custom: #27635f;
$custom-light: #688f8c;
$custom-dark: #000000;
JSON
{
  "hex": "#27635f",
  "rgb": {
    "r": 39,
    "g": 99,
    "b": 95
  },
  "hsl": {
    "h": 176,
    "s": 43.478,
    "l": 27.059
  },
  "oklch": {
    "l": 0.4594,
    "c": 0.06205,
    "h": 189.2
  },
  "luminance": 0.10181
}

Semantic roles & 50–950 ramp

primary
#27635F
secondary
#965055
accent
#555DD3
background
#F6F8F8
surface
#EBF0F0
border
#C6CBCB
text
#070C0C
muted
#7A7D7D

Preview Lab

Preview with #27635F

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

Preview Lab → · Contrast checker → · Palette generator →

#27635F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva