#27644B#27644B

#27644B is a mid, moderate teal. Relative luminance 0.101; OKLCH L 45.6% C 0.076 H 163.6°. Best body text is #FFFFFF at 6.97:1 contrast (WCAG AA passes).

Color values

HEX	#27644B
RGB	rgb(39, 100, 75)
HSL	hsl(155, 44%, 27%)
HSV	hsv(155, 61%, 39%)
CMYK	cmyk(61%, 0%, 25%, 60.8%)
CIE-LAB	lab(37.94, -26.32, 8.38)
CIE-LCH	lch(37.94, 27.63, 162.33°)
OKLab	oklab(45.57% -0.0727 0.0215)
OKLCH	oklch(45.57% 0.076 163.6)
XYZ	xyz(6.6632, 10.0530, 8.2445)
Luminance	0.1005 (WCAG relative)
Temperature	neutral
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#27644B #642740

analogous

#27642D #27644B #275F64

triadic

#27644B #4B2764 #644B27

tetradic

#27644B #2D2764 #642740 #5F6427

square

#27644B #2D2764 #642740 #5F6427

split-complementary

#27644B #64275F #642D27

monochromatic

#091611 #16382A #27644B #38906C #4CB98D

Accessibility & contrast

On white

6.97

#27644B on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.01

#27644B on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #27644B

6.97:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##27644B	#FFFFFF	#000000	##FFFFFF
##27644B	1.00	6.97	3.01	6.97
#FFFFFF	6.97	1.00	21.00	1.00
#000000	3.01	21.00	1.00	21.00
##FFFFFF	6.97	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#625D4A

Deuteranopia (green-blind)

#5A574D

Tritanopia (blue-blind)

#0A645D

Achromatopsia (no color)

#595959

Design tokens & code

CSS

--color: #27644b;
/* rgb */ color: rgb(39, 100, 75);
/* oklch */ color: oklch(45.6% 0.076 163.6);

Tailwind

colors: {
  custom: {
    50: '#67907d',
    500: '#27644b',
    950: '#000000',
  },
}

SCSS

$custom: #27644b;
$custom-light: #67907d;
$custom-dark: #000000;

JSON

{
  "hex": "#27644b",
  "rgb": {
    "r": 39,
    "g": 100,
    "b": 75
  },
  "hsl": {
    "h": 155.41,
    "s": 43.885,
    "l": 27.255
  },
  "oklch": {
    "l": 0.45568,
    "c": 0.07583,
    "h": 163.6
  },
  "luminance": 0.10054
}

Semantic roles & 50–950 ramp

primary

#27644B

secondary

#97506D

accent

#5488D4

background

#F6F8F7

surface

#EBF0EE

border

#C6CBC9

text

#060C09

muted

#7A7D7B

Preview Lab

Preview with #27644B

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

Preview Lab → · Contrast checker → · Palette generator →