#262B2F#262B2F

#262B2F is a dark, near-neutral cyan. Relative luminance 0.023; OKLCH L 28.6% C 0.010 H 242.0°. Best body text is #FFFFFF at 14.30:1 contrast (WCAG AA passes).

Color values

HEX#262B2F
RGBrgb(38, 43, 47)
HSLhsl(207, 11%, 17%)
HSVhsv(207, 19%, 18%)
CMYKcmyk(19.1%, 8.5%, 0%, 81.6%)
CIE-LABlab(17.20, -1.14, -3.34)
CIE-LCHlch(17.20, 3.53, 251.22°)
OKLaboklab(28.58% -0.0048 -0.009)
OKLCHoklch(28.58% 0.01 242)
XYZxyz(2.1762, 2.3450, 3.0268)
Luminance0.0234 (WCAG relative)
Temperatureneutral
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#262B2F #2F2A26
analogous
#262F2F #262B2F #26272F
triadic
#262B2F #2F262B #2B2F26
tetradic
#262B2F #2F262F #2F2A26 #272F26
square
#262B2F #2F262F #2F2A26 #272F26
split-complementary
#262B2F #2F2627 #2F2F26
monochromatic
#0E0F11 #0E0F11 #262B2F #414A51 #5D6973

Accessibility & contrast

On white

14.30
#262B2F on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.47
#262B2F on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #262B2F
14.30:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##262B2F#FFFFFF#000000##FFFFFF
##262B2F1.0014.301.4714.30
#FFFFFF14.301.0021.001.00
#0000001.4721.001.0021.00
##FFFFFF14.301.0021.001.00

Color blindness preview

Protanopia (red-blind)
#292B2F
Deuteranopia (green-blind)
#282A2F
Tritanopia (blue-blind)
#242C2C
Achromatopsia (no color)
#2A2A2A

Design tokens & code

CSS
--color: #262b2f;
/* rgb */ color: rgb(38, 43, 47);
/* oklch */ color: oklch(28.6% 0.010 242.0);
Tailwind
colors: {
  custom: {
    50: '#606467',
    500: '#262b2f',
    950: '#000000',
  },
}
SCSS
$custom: #262b2f;
$custom-light: #606467;
$custom-dark: #000000;
JSON
{
  "hex": "#262b2f",
  "rgb": {
    "r": 38,
    "g": 43,
    "b": 47
  },
  "hsl": {
    "h": 206.667,
    "s": 10.588,
    "l": 16.667
  },
  "oklch": {
    "l": 0.28577,
    "c": 0.01021,
    "h": 242
  },
  "luminance": 0.02345
}

Semantic roles & 50–950 ramp

primary
#262B2F
secondary
#5F5852
accent
#9074B4
background
#F5F5F6
surface
#E9EAEB
border
#C5C6C6
text
#040506
muted
#79797A

Preview Lab

Preview with #262B2F

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

Preview Lab → · Contrast checker → · Palette generator →

#262B2F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva