#092533#092533

#092533 is a dark, muted cyan. Relative luminance 0.016; OKLCH L 25.1% C 0.042 H 233.9°. Best body text is #FFFFFF at 15.86:1 contrast (WCAG AA passes).

Color values

HEX#092533
RGBrgb(9, 37, 51)
HSLhsl(200, 70%, 12%)
HSVhsv(200, 82%, 20%)
CMYKcmyk(82.4%, 27.5%, 0%, 80%)
CIE-LABlab(13.35, -4.79, -12.20)
CIE-LCHlch(13.35, 13.10, 248.56°)
OKLaboklab(25.09% -0.025 -0.0343)
OKLCHoklch(25.09% 0.042 233.9)
XYZxyz(1.3715, 1.6201, 3.3717)
Luminance0.0162 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#092533 #331709
analogous
#09332C #092533 #091033
triadic
#092533 #330925 #253309
tetradic
#092533 #2C0933 #331709 #103309
square
#092533 #2C0933 #331709 #103309
split-complementary
#092533 #330910 #332C09
monochromatic
#05131A #05131A #092533 #124B67 #1B709B

Accessibility & contrast

On white

15.86
#092533 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.32
#092533 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #092533
15.86:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##092533#FFFFFF#000000##FFFFFF
##0925331.0015.861.3215.86
#FFFFFF15.861.0021.001.00
#0000001.3221.001.0021.00
##FFFFFF15.861.0021.001.00

Color blindness preview

Protanopia (red-blind)
#1E2534
Deuteranopia (green-blind)
#182033
Tritanopia (blue-blind)
#00292A
Achromatopsia (no color)
#222222

Design tokens & code

CSS
--color: #092533;
/* rgb */ color: rgb(9, 37, 51);
/* oklch */ color: oklch(25.1% 0.042 233.9);
Tailwind
colors: {
  custom: {
    50: '#4f5f6a',
    500: '#092533',
    950: '#000000',
  },
}
SCSS
$custom: #092533;
$custom-light: #4f5f6a;
$custom-dark: #000000;
JSON
{
  "hex": "#092533",
  "rgb": {
    "r": 9,
    "g": 37,
    "b": 51
  },
  "hsl": {
    "h": 200,
    "s": 70,
    "l": 11.765
  },
  "oklch": {
    "l": 0.25092,
    "c": 0.04241,
    "h": 233.9
  },
  "luminance": 0.0162
}

Semantic roles & 50–950 ramp

primary
#092533
secondary
#714027
accent
#763BED
background
#F4F5F6
surface
#E7E9EB
border
#C3C5C6
text
#020406
muted
#78797A

Preview Lab

Preview with #092533

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

Preview Lab → · Contrast checker → · Palette generator →

#092533 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva