#184268#184268

#184268 is a dark, moderate cyan. Relative luminance 0.051; OKLCH L 37.0% C 0.080 H 249.0°. Best body text is #FFFFFF at 10.41:1 contrast (WCAG AA passes).

Color values

HEX	#184268
RGB	rgb(24, 66, 104)
HSL	hsl(209, 63%, 25%)
HSV	hsv(209, 77%, 41%)
CMYK	cmyk(76.9%, 36.5%, 0%, 59.2%)
CIE-LAB	lab(26.99, -0.19, -26.40)
CIE-LCH	lch(26.99, 26.40, 269.59°)
OKLab	oklab(36.99% -0.0288 -0.075)
OKLCH	oklch(36.99% 0.08 249)
XYZ	xyz(4.8227, 5.0896, 13.8222)
Luminance	0.0509 (WCAG relative)
Temperature	cool
Family	cyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#184268 #683E18

analogous

#186866 #184268 #181A68

triadic

#184268 #681842 #426818

tetradic

#184268 #661868 #683E18 #1A6818

square

#184268 #661868 #683E18 #1A6818

split-complementary

#184268 #68181A #686618

monochromatic

#061019 #0D2236 #184268 #23629A #2F81CB

Accessibility & contrast

On white

10.41

#184268 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.02

#184268 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #184268

10.41:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##184268	#FFFFFF	#000000	##FFFFFF
##184268	1.00	10.41	2.02	10.41
#FFFFFF	10.41	1.00	21.00	1.00
#000000	2.02	21.00	1.00	21.00
##FFFFFF	10.41	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#31446A

Deuteranopia (green-blind)

#253C67

Tritanopia (blue-blind)

#004B50

Achromatopsia (no color)

#404040

Design tokens & code

CSS

--color: #184268;
/* rgb */ color: rgb(24, 66, 104);
/* oklch */ color: oklch(37.0% 0.080 249.0);

Tailwind

colors: {
  custom: {
    50: '#617693',
    500: '#184268',
    950: '#000000',
  },
}

SCSS

$custom: #184268;
$custom-light: #617693;
$custom-dark: #000000;

JSON

{
  "hex": "#184268",
  "rgb": {
    "r": 24,
    "g": 66,
    "b": 104
  },
  "hsl": {
    "h": 208.5,
    "s": 62.5,
    "l": 25.098
  },
  "oklch": {
    "l": 0.36989,
    "c": 0.08032,
    "h": 249
  },
  "luminance": 0.0509
}

Semantic roles & 50–950 ramp

primary

#184268

secondary

#9E6B3E

accent

#9042E6

background

#F6F7F9

surface

#EBEDF1

border

#C6C8CB

text

#05080D

muted

#7A7B7E

Preview Lab

Preview with #184268

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

Preview Lab → · Contrast checker → · Palette generator →