#265441#265441

#265441 is a dark, moderate teal. Relative luminance 0.071; OKLCH L 40.7% C 0.061 H 164.4°. Best body text is #FFFFFF at 8.65:1 contrast (WCAG AA passes).

Color values

HEX	#265441
RGB	rgb(38, 84, 65)
HSL	hsl(155, 38%, 24%)
HSV	hsv(155, 55%, 33%)
CMYK	cmyk(54.8%, 0%, 22.6%, 67.1%)
CIE-LAB	lab(32.11, -20.99, 6.35)
CIE-LCH	lch(32.11, 21.92, 163.17°)
OKLab	oklab(40.73% -0.0583 0.0163)
OKLCH	oklch(40.73% 0.061 164.4)
XYZ	xyz(4.9234, 7.1340, 6.1175)
Luminance	0.0713 (WCAG relative)
Temperature	neutral
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#265441 #542639

analogous

#26542A #265441 #265054

triadic

#265441 #412654 #544126

tetradic

#265441 #2A2654 #542639 #505426

square

#265441 #2A2654 #542639 #505426

split-complementary

#265441 #542650 #542A26

monochromatic

#0A1510 #132A20 #265441 #397E62 #4CA882

Accessibility & contrast

On white

8.65

#265441 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.43

#265441 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #265441

8.65:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##265441	#FFFFFF	#000000	##FFFFFF
##265441	1.00	8.65	2.43	8.65
#FFFFFF	8.65	1.00	21.00	1.00
#000000	2.43	21.00	1.00	21.00
##FFFFFF	8.65	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#534E40

Deuteranopia (green-blind)

#4C4A42

Tritanopia (blue-blind)

#16544F

Achromatopsia (no color)

#4C4C4C

Design tokens & code

CSS

--color: #265441;
/* rgb */ color: rgb(38, 84, 65);
/* oklch */ color: oklch(40.7% 0.061 164.4);

Tailwind

colors: {
  custom: {
    50: '#648475',
    500: '#265441',
    950: '#000000',
  },
}

SCSS

$custom: #265441;
$custom-light: #648475;
$custom-dark: #000000;

JSON

{
  "hex": "#265441",
  "rgb": {
    "r": 38,
    "g": 84,
    "b": 65
  },
  "hsl": {
    "h": 155.217,
    "s": 37.705,
    "l": 23.922
  },
  "oklch": {
    "l": 0.40727,
    "c": 0.06057,
    "h": 164.4
  },
  "luminance": 0.07134
}

Semantic roles & 50–950 ramp

primary

#265441

secondary

#874F66

accent

#5A8ACE

background

#F6F8F7

surface

#EBEFED

border

#C6CAC8

text

#060B08

muted

#7A7C7B

Preview Lab

Preview with #265441

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

Preview Lab → · Contrast checker → · Palette generator →