#5273BE#5273BE

#5273BE is a mid, vivid blue. Relative luminance 0.178; OKLCH L 56.6% C 0.123 H 264.8°. Best body text is #FFFFFF at 4.61:1 contrast (WCAG AA passes).

Color values

HEX	#5273BE
RGB	rgb(82, 115, 190)
HSL	hsl(222, 45%, 53%)
HSV	hsv(222, 57%, 75%)
CMYK	cmyk(56.8%, 39.5%, 0%, 25.5%)
CIE-LAB	lab(49.22, 10.74, -43.02)
CIE-LCH	lch(49.22, 44.34, 284.01°)
OKLab	oklab(56.58% -0.011 -0.122)
OKLCH	oklch(56.58% 0.123 264.8)
XYZ	xyz(18.9015, 17.7715, 51.1394)
Luminance	0.1777 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#5273BE #BE9D52

analogous

#52A9BE #5273BE #6752BE

triadic

#5273BE #BE5273 #73BE52

tetradic

#5273BE #BE52A9 #BE9D52 #52BE67

square

#5273BE #BE52A9 #BE9D52 #52BE67

split-complementary

#5273BE #BE6752 #A9BE52

monochromatic

#293E6D #3A5799 #5273BE #7E97CF #ABBBDF

Accessibility & contrast

On white

4.61

#5273BE on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.55

#5273BE on #000000

AA ✓AA large ✓AAA ✗

Best text color

#FFFFFF on #5273BE

4.61:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##5273BE	#FFFFFF	#000000	##FFFFFF
##5273BE	1.00	4.61	4.55	4.61
#FFFFFF	4.61	1.00	21.00	1.00
#000000	4.55	21.00	1.00	21.00
##FFFFFF	4.61	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#547AC1

Deuteranopia (green-blind)

#4670BC

Tritanopia (blue-blind)

#02848F

Achromatopsia (no color)

#757575

Design tokens & code

CSS

--color: #5273be;
/* rgb */ color: rgb(82, 115, 190);
/* oklch */ color: oklch(56.6% 0.123 264.8);

Tailwind

colors: {
  custom: {
    50: '#8b9ad2',
    500: '#5273be',
    950: '#000000',
  },
}

SCSS

$custom: #5273be;
$custom-light: #8b9ad2;
$custom-dark: #000000;

JSON

{
  "hex": "#5273be",
  "rgb": {
    "r": 82,
    "g": 115,
    "b": 190
  },
  "hsl": {
    "h": 221.667,
    "s": 45.378,
    "l": 53.333
  },
  "oklch": {
    "l": 0.56581,
    "c": 0.12253,
    "h": 264.8
  },
  "luminance": 0.17773
}

Semantic roles & 50–950 ramp

primary

#5273BE

secondary

#CDBF9F

accent

#AD53D5

background

#F8F9FC

surface

#F0F2F9

border

#CBCCD2

text

#0C0E14

muted

#7D7E82

Preview Lab

Preview with #5273BE

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

Preview Lab → · Contrast checker → · Palette generator →