#264B60#264B60

#264B60 is a dark, muted cyan. Relative luminance 0.063; OKLCH L 39.5% C 0.055 H 235.4°. Best body text is #FFFFFF at 9.30:1 contrast (WCAG AA passes).

Color values

HEX	#264B60
RGB	rgb(38, 75, 96)
HSL	hsl(202, 43%, 26%)
HSV	hsv(202, 60%, 38%)
CMYK	cmyk(60.4%, 21.9%, 0%, 62.4%)
CIE-LAB	lab(30.13, -6.31, -16.34)
CIE-LCH	lch(30.13, 17.51, 248.89°)
OKLab	oklab(39.49% -0.0314 -0.0456)
OKLCH	oklch(39.49% 0.055 235.4)
XYZ	xyz(5.4259, 6.2883, 11.9919)
Luminance	0.0629 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#264B60 #603B26

analogous

#266058 #264B60 #262E60

triadic

#264B60 #60264B #4B6026

tetradic

#264B60 #582660 #603B26 #2E6026

square

#264B60 #582660 #603B26 #2E6026

split-complementary

#264B60 #60262E #605826

monochromatic

#091116 #152934 #264B60 #376D8C #498FB7

Accessibility & contrast

On white

9.30

#264B60 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.26

#264B60 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #264B60

9.30:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##264B60	#FFFFFF	#000000	##FFFFFF
##264B60	1.00	9.30	2.26	9.30
#FFFFFF	9.30	1.00	21.00	1.00
#000000	2.26	21.00	1.00	21.00
##FFFFFF	9.30	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#414A61

Deuteranopia (green-blind)

#394460

Tritanopia (blue-blind)

#005052

Achromatopsia (no color)

#474747

Design tokens & code

CSS

--color: #264b60;
/* rgb */ color: rgb(38, 75, 96);
/* oklch */ color: oklch(39.5% 0.055 235.4);

Tailwind

colors: {
  custom: {
    50: '#667d8d',
    500: '#264b60',
    950: '#000000',
  },
}

SCSS

$custom: #264b60;
$custom-light: #667d8d;
$custom-dark: #000000;

JSON

{
  "hex": "#264b60",
  "rgb": {
    "r": 38,
    "g": 75,
    "b": 96
  },
  "hsl": {
    "h": 201.724,
    "s": 43.284,
    "l": 26.275
  },
  "oklch": {
    "l": 0.39494,
    "c": 0.05539,
    "h": 235.4
  },
  "luminance": 0.06289
}

Semantic roles & 50–950 ramp

primary

#264B60

secondary

#93674F

accent

#8255D3

background

#F6F7F8

surface

#EBEEF0

border

#C6C9CB

text

#06090C

muted

#7A7B7D

Preview Lab

Preview with #264B60

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

Preview Lab → · Contrast checker → · Palette generator →