#262C8B#262C8B

#262C8B is a dark, vivid blue. Relative luminance 0.041; OKLCH L 35.7% C 0.155 H 272.7°. Best body text is #FFFFFF at 11.57:1 contrast (WCAG AA passes).

Color values

HEX	#262C8B
RGB	rgb(38, 44, 139)
HSL	hsl(236, 57%, 35%)
HSV	hsv(236, 73%, 55%)
CMYK	cmyk(72.7%, 68.3%, 0%, 45.5%)
CIE-LAB	lab(23.92, 30.89, -53.43)
CIE-LCH	lch(23.92, 61.71, 300.04°)
OKLab	oklab(35.68% 0.0074 -0.1544)
OKLCH	oklch(35.68% 0.155 272.7)
XYZ	xyz(6.3586, 4.0769, 24.8729)
Luminance	0.0408 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#262C8B #8B8526

analogous

#265E8B #262C8B #53268B

triadic

#262C8B #8B262C #2C8B26

tetradic

#262C8B #8B265E #8B8526 #268B53

square

#262C8B #8B265E #8B8526 #268B53

split-complementary

#262C8B #8B5326 #5E8B26

monochromatic

#0C0E2B #191D5B #262C8B #333BBB #5A61D2

Accessibility & contrast

On white

11.57

#262C8B on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.82

#262C8B on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #262C8B

11.57:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##262C8B	#FFFFFF	#000000	##FFFFFF
##262C8B	1.00	11.57	1.82	11.57
#FFFFFF	11.57	1.00	21.00	1.00
#000000	1.82	21.00	1.00	21.00
##FFFFFF	11.57	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#003E8E

Deuteranopia (green-blind)

#003489

Tritanopia (blue-blind)

#004557

Achromatopsia (no color)

#393939

Design tokens & code

CSS

--color: #262c8b;
/* rgb */ color: rgb(38, 44, 139);
/* oklch */ color: oklch(35.7% 0.155 272.7);

Tailwind

colors: {
  custom: {
    50: '#7065ae',
    500: '#262c8b',
    950: '#000000',
  },
}

SCSS

$custom: #262c8b;
$custom-light: #7065ae;
$custom-dark: #000000;

JSON

{
  "hex": "#262c8b",
  "rgb": {
    "r": 38,
    "g": 44,
    "b": 139
  },
  "hsl": {
    "h": 236.436,
    "s": 57.062,
    "l": 34.706
  },
  "oklch": {
    "l": 0.3568,
    "c": 0.15458,
    "h": 272.7
  },
  "luminance": 0.04078
}

Semantic roles & 50–950 ramp

primary

#262C8B

secondary

#B7B156

accent

#D747E0

background

#F7F6FA

surface

#EDEBF4

border

#C8C6CE

text

#090510

muted

#7B7A7F

Preview Lab

Preview with #262C8B

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

Preview Lab → · Contrast checker → · Palette generator →