#25197E#25197E

#25197E is a dark, vivid blue. Relative luminance 0.026; OKLCH L 31.3% C 0.159 H 277.3°. Best body text is #FFFFFF at 13.82:1 contrast (WCAG AA passes).

Color values

HEX#25197E
RGBrgb(37, 25, 126)
HSLhsl(247, 67%, 30%)
HSVhsv(247, 80%, 49%)
CMYKcmyk(70.6%, 80.2%, 0%, 50.6%)
CIE-LABlab(18.34, 37.76, -54.44)
CIE-LCHlch(18.34, 66.25, 304.74°)
OKLaboklab(31.27% 0.0202 -0.1573)
OKLCHoklch(31.27% 0.159 277.3)
XYZxyz(4.8753, 2.5945, 19.9785)
Luminance0.0260 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#25197E #727E19
analogous
#193F7E #25197E #58197E
triadic
#25197E #7E2519 #197E25
tetradic
#25197E #7E193F #727E19 #197E58
square
#25197E #7E193F #727E19 #197E58
split-complementary
#25197E #7E5819 #3F7E19
monochromatic
#07051A #160F4B #25197E #3423B1 #4C3AD8

Accessibility & contrast

On white

13.82
#25197E on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.52
#25197E on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #25197E
13.82:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##25197E#FFFFFF#000000##FFFFFF
##25197E1.0013.821.5213.82
#FFFFFF13.821.0021.001.00
#0000001.5221.001.0021.00
##FFFFFF13.821.0021.001.00

Color blindness preview

Protanopia (red-blind)
#003181
Deuteranopia (green-blind)
#00287C
Tritanopia (blue-blind)
#00374B
Achromatopsia (no color)
#2D2D2D

Design tokens & code

CSS
--color: #25197e;
/* rgb */ color: rgb(37, 25, 126);
/* oklch */ color: oklch(31.3% 0.159 277.3);
Tailwind
colors: {
  custom: {
    50: '#6e58a5',
    500: '#25197e',
    950: '#000000',
  },
}
SCSS
$custom: #25197e;
$custom-light: #6e58a5;
$custom-dark: #000000;
JSON
{
  "hex": "#25197e",
  "rgb": {
    "r": 37,
    "g": 25,
    "b": 126
  },
  "hsl": {
    "h": 247.129,
    "s": 66.887,
    "l": 29.608
  },
  "oklch": {
    "l": 0.31266,
    "c": 0.1586,
    "h": 277.3
  },
  "luminance": 0.02595
}

Semantic roles & 50–950 ramp

primary
#25197E
secondary
#A5B241
accent
#EA3ED5
background
#F7F5FA
surface
#EDE9F4
border
#C8C5CE
text
#08030F
muted
#7B787F

Preview Lab

Preview with #25197E

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

Preview Lab → · Contrast checker → · Palette generator →

#25197E Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva