#3258AB#3258AB

#3258AB is a mid, vivid blue. Relative luminance 0.106; OKLCH L 47.8% C 0.140 H 263.5°. Best body text is #FFFFFF at 6.73:1 contrast (WCAG AA passes).

Color values

HEX	#3258AB
RGB	rgb(50, 88, 171)
HSL	hsl(221, 55%, 43%)
HSV	hsv(221, 71%, 67%)
CMYK	cmyk(70.8%, 48.5%, 0%, 32.9%)
CIE-LAB	lab(38.89, 15.29, -48.51)
CIE-LCH	lch(38.89, 50.86, 287.50°)
OKLab	oklab(47.84% -0.0158 -0.1391)
OKLCH	oklch(47.84% 0.14 263.5)
XYZ	xyz(12.1532, 10.5966, 39.9250)
Luminance	0.1060 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#3258AB #AB8532

analogous

#3294AB #3258AB #4832AB

triadic

#3258AB #AB3258 #58AB32

tetradic

#3258AB #AB3294 #AB8532 #32AB48

square

#3258AB #AB3294 #AB8532 #32AB48

split-complementary

#3258AB #AB4832 #94AB32

monochromatic

#16274C #24407C #3258AB #4F76CB #7E9BD9

Accessibility & contrast

On white

6.73

#3258AB on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.12

#3258AB on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #3258AB

6.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##3258AB	#FFFFFF	#000000	##FFFFFF
##3258AB	1.00	6.73	3.12	6.73
#FFFFFF	6.73	1.00	21.00	1.00
#000000	3.12	21.00	1.00	21.00
##FFFFFF	6.73	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#2B61AE

Deuteranopia (green-blind)

#0956A9

Tritanopia (blue-blind)

#006B79

Achromatopsia (no color)

#5C5C5C

Design tokens & code

CSS

--color: #3258ab;
/* rgb */ color: rgb(50, 88, 171);
/* oklch */ color: oklch(47.8% 0.140 263.5);

Tailwind

colors: {
  custom: {
    50: '#7986c4',
    500: '#3258ab',
    950: '#000000',
  },
}

SCSS

$custom: #3258ab;
$custom-light: #7986c4;
$custom-dark: #000000;

JSON

{
  "hex": "#3258ab",
  "rgb": {
    "r": 50,
    "g": 88,
    "b": 171
  },
  "hsl": {
    "h": 221.157,
    "s": 54.751,
    "l": 43.333
  },
  "oklch": {
    "l": 0.47844,
    "c": 0.14001,
    "h": 263.5
  },
  "luminance": 0.10598
}

Semantic roles & 50–950 ramp

primary

#3258AB

secondary

#C2AA77

accent

#AF4ADE

background

#F7F8FC

surface

#EEEFF8

border

#C9CAD1

text

#0A0B13

muted

#7C7C82

Preview Lab

Preview with #3258AB

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

Preview Lab → · Contrast checker → · Palette generator →