#252DA0#252DA0

#252DA0 is a dark, vivid blue. Relative luminance 0.048; OKLCH L 37.9% C 0.181 H 271.0°. Best body text is #FFFFFF at 10.71:1 contrast (WCAG AA passes).

Color values

HEX#252DA0
RGBrgb(37, 45, 160)
HSLhsl(236, 62%, 39%)
HSVhsv(236, 77%, 63%)
CMYKcmyk(76.9%, 71.9%, 0%, 37.3%)
CIE-LABlab(26.18, 37.72, -62.64)
CIE-LCHlch(26.18, 73.12, 301.06°)
OKLaboklab(37.92% 0.0032 -0.1813)
OKLCHoklch(37.92% 0.181 271)
XYZxyz(8.0443, 4.8073, 33.7548)
Luminance0.0481 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#252DA0 #A09825
analogous
#256AA0 #252DA0 #5A25A0
triadic
#252DA0 #A0252D #2DA025
tetradic
#252DA0 #A0256A #A09825 #25A05A
square
#252DA0 #A0256A #A09825 #25A05A
split-complementary
#252DA0 #A05A25 #6AA025
monochromatic
#0E113D #1A1F6E #252DA0 #323DD0 #646CDB

Accessibility & contrast

On white

10.71
#252DA0 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.96
#252DA0 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #252DA0
10.71:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##252DA0#FFFFFF#000000##FFFFFF
##252DA01.0010.711.9610.71
#FFFFFF10.711.0021.001.00
#0000001.9621.001.0021.00
##FFFFFF10.711.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0044A3
Deuteranopia (green-blind)
#00389E
Tritanopia (blue-blind)
#004D63
Achromatopsia (no color)
#3E3E3E

Design tokens & code

CSS
--color: #252da0;
/* rgb */ color: rgb(37, 45, 160);
/* oklch */ color: oklch(37.9% 0.181 271.0);
Tailwind
colors: {
  custom: {
    50: '#7567bd',
    500: '#252da0',
    950: '#000000',
  },
}
SCSS
$custom: #252da0;
$custom-light: #7567bd;
$custom-dark: #000000;
JSON
{
  "hex": "#252da0",
  "rgb": {
    "r": 37,
    "g": 45,
    "b": 160
  },
  "hsl": {
    "h": 236.098,
    "s": 62.437,
    "l": 38.627
  },
  "oklch": {
    "l": 0.37924,
    "c": 0.18135,
    "h": 271
  },
  "luminance": 0.04808
}

Semantic roles & 50–950 ramp

primary
#252DA0
secondary
#C1BA60
accent
#DB42E6
background
#F7F6FB
surface
#EEEBF7
border
#C9C6D0
text
#0A0612
muted
#7C7A81

Preview Lab

Preview with #252DA0

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

Preview Lab → · Contrast checker → · Palette generator →

#252DA0 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva