#7225AE#7225AE

#7225AE is a mid, highly saturated violet. Relative luminance 0.080; OKLCH L 45.6% C 0.202 H 304.9°. Best body text is #FFFFFF at 8.10:1 contrast (WCAG AA passes).

Color values

HEX#7225AE
RGBrgb(114, 37, 174)
HSLhsl(274, 65%, 41%)
HSVhsv(274, 79%, 68%)
CMYKcmyk(34.5%, 78.7%, 0%, 31.8%)
CIE-LABlab(33.89, 56.58, -58.13)
CIE-LCHlch(33.89, 81.12, 314.22°)
OKLaboklab(45.58% 0.1154 -0.1656)
OKLCHoklch(45.58% 0.202 304.9)
XYZxyz(15.2392, 7.9566, 40.7691)
Luminance0.0796 (WCAG relative)
Temperaturecool
Familyviolet

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7225AE #61AE25
analogous
#2E25AE #7225AE #AE25A6
triadic
#7225AE #AE7225 #25AE72
tetradic
#7225AE #AE2E25 #61AE25 #25A6AE
square
#7225AE #AE2E25 #61AE25 #25A6AE
split-complementary
#7225AE #A6AE25 #25AE2E
monochromatic
#301049 #511A7C #7225AE #923BD5 #AE6DE0

Accessibility & contrast

On white

8.10
#7225AE on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.59
#7225AE on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #7225AE
8.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7225AE#FFFFFF#000000##FFFFFF
##7225AE1.008.102.598.10
#FFFFFF8.101.0021.001.00
#0000002.5921.001.0021.00
##FFFFFF8.101.0021.001.00

Color blindness preview

Protanopia (red-blind)
#004EB2
Deuteranopia (green-blind)
#0050AB
Tritanopia (blue-blind)
#664969
Achromatopsia (no color)
#505050

Design tokens & code

CSS
--color: #7225ae;
/* rgb */ color: rgb(114, 37, 174);
/* oklch */ color: oklch(45.6% 0.202 304.9);
Tailwind
colors: {
  custom: {
    50: '#a069c7',
    500: '#7225ae',
    950: '#000000',
  },
}
SCSS
$custom: #7225ae;
$custom-light: #a069c7;
$custom-dark: #000000;
JSON
{
  "hex": "#7225ae",
  "rgb": {
    "r": 114,
    "g": 37,
    "b": 174
  },
  "hsl": {
    "h": 273.723,
    "s": 64.929,
    "l": 41.373
  },
  "oklch": {
    "l": 0.45581,
    "c": 0.20186,
    "h": 304.9
  },
  "luminance": 0.07957
}

Semantic roles & 50–950 ramp

primary
#7225AE
secondary
#92C668
accent
#E84089
background
#FAF6FC
surface
#F4EBF8
border
#CEC6D1
text
#0F0713
muted
#7F7A82

Preview Lab

Preview with #7225AE

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

Preview Lab → · Contrast checker → · Palette generator →

#7225AE Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva