#25236F#25236F

#25236F is a dark, vivid blue. Relative luminance 0.027; OKLCH L 31.3% C 0.127 H 277.3°. Best body text is #FFFFFF at 13.56:1 contrast (WCAG AA passes).

Color values

HEX#25236F
RGBrgb(37, 35, 111)
HSLhsl(242, 52%, 29%)
HSVhsv(242, 68%, 44%)
CMYKcmyk(66.7%, 68.5%, 0%, 56.5%)
CIE-LABlab(18.98, 26.43, -43.76)
CIE-LCHlch(18.98, 51.12, 301.14°)
OKLaboklab(31.26% 0.0161 -0.1261)
OKLCHoklch(31.26% 0.127 277.3)
XYZxyz(4.2323, 2.7427, 15.3422)
Luminance0.0274 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#25236F #6D6F23
analogous
#23476F #25236F #4B236F
triadic
#25236F #6F2523 #236F25
tetradic
#25236F #6F2347 #6D6F23 #236F4B
square
#25236F #6F2347 #6D6F23 #236F4B
split-complementary
#25236F #6F4B23 #476F23
monochromatic
#080717 #151440 #25236F #35329E #4B47C5

Accessibility & contrast

On white

13.56
#25236F on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.55
#25236F on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #25236F
13.56:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##25236F#FFFFFF#000000##FFFFFF
##25236F1.0013.561.5513.56
#FFFFFF13.561.0021.001.00
#0000001.5521.001.0021.00
##FFFFFF13.561.0021.001.00

Color blindness preview

Protanopia (red-blind)
#003171
Deuteranopia (green-blind)
#002B6E
Tritanopia (blue-blind)
#003745
Achromatopsia (no color)
#2E2E2E

Design tokens & code

CSS
--color: #25236f;
/* rgb */ color: rgb(37, 35, 111);
/* oklch */ color: oklch(31.3% 0.127 277.3);
Tailwind
colors: {
  custom: {
    50: '#6a5e99',
    500: '#25236f',
    950: '#000000',
  },
}
SCSS
$custom: #25236f;
$custom-light: #6a5e99;
$custom-dark: #000000;
JSON
{
  "hex": "#25236f",
  "rgb": {
    "r": 37,
    "g": 35,
    "b": 111
  },
  "hsl": {
    "h": 241.579,
    "s": 52.055,
    "l": 28.627
  },
  "oklch": {
    "l": 0.31255,
    "c": 0.12716,
    "h": 277.3
  },
  "luminance": 0.02743
}

Semantic roles & 50–950 ramp

primary
#25236F
secondary
#A0A24C
accent
#DB4CD8
background
#F6F5F9
surface
#ECE9F2
border
#C7C5CC
text
#07040E
muted
#7A797E

Preview Lab

Preview with #25236F

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

Preview Lab → · Contrast checker → · Palette generator →

#25236F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva