#27106A#27106A

#27106A is a dark, vivid violet. Relative luminance 0.018; OKLCH L 28.1% C 0.142 H 284.3°. Best body text is #FFFFFF at 15.34:1 contrast (WCAG AA passes).

Color values

HEX#27106A
RGBrgb(39, 16, 106)
HSLhsl(255, 74%, 24%)
HSVhsv(255, 85%, 42%)
CMYKcmyk(63.2%, 84.9%, 0%, 58.4%)
CIE-LABlab(14.64, 36.21, -47.63)
CIE-LCHlch(14.64, 59.84, 307.24°)
OKLaboklab(28.06% 0.0349 -0.1373)
OKLCHoklch(28.06% 0.142 284.3)
XYZxyz(3.6227, 1.8423, 13.7976)
Luminance0.0184 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#27106A #536A10
analogous
#10266A #27106A #54106A
triadic
#27106A #6A2710 #106A27
tetradic
#27106A #6A1026 #536A10 #106A54
square
#27106A #6A1026 #536A10 #106A54
split-complementary
#27106A #6A5410 #266A10
monochromatic
#0A041B #130835 #27106A #3B189F #4E20D4

Accessibility & contrast

On white

15.34
#27106A on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.37
#27106A on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #27106A
15.34:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##27106A#FFFFFF#000000##FFFFFF
##27106A1.0015.341.3715.34
#FFFFFF15.341.0021.001.00
#0000001.3721.001.0021.00
##FFFFFF15.341.0021.001.00

Color blindness preview

Protanopia (red-blind)
#00276C
Deuteranopia (green-blind)
#002268
Tritanopia (blue-blind)
#002B3E
Achromatopsia (no color)
#252525

Design tokens & code

CSS
--color: #27106a;
/* rgb */ color: rgb(39, 16, 106);
/* oklch */ color: oklch(28.1% 0.142 284.3);
Tailwind
colors: {
  custom: {
    50: '#6b5296',
    500: '#27106a',
    950: '#000000',
  },
}
SCSS
$custom: #27106a;
$custom-light: #6b5296;
$custom-dark: #000000;
JSON
{
  "hex": "#27106a",
  "rgb": {
    "r": 39,
    "g": 16,
    "b": 106
  },
  "hsl": {
    "h": 255.333,
    "s": 73.77,
    "l": 23.922
  },
  "oklch": {
    "l": 0.28055,
    "c": 0.14167,
    "h": 284.3
  },
  "luminance": 0.01843
}

Semantic roles & 50–950 ramp

primary
#27106A
secondary
#86A234
accent
#F037C1
background
#F6F4F9
surface
#ECE7F2
border
#C7C3CC
text
#07020D
muted
#7A787E

Preview Lab

Preview with #27106A

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

Preview Lab → · Contrast checker → · Palette generator →

#27106A Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva