#674CAF#674CAF

#674CAF is a mid, vivid violet. Relative luminance 0.111; OKLCH L 49.6% C 0.151 H 292.6°. Best body text is #FFFFFF at 6.50:1 contrast (WCAG AA passes).

Color values

HEX	#674CAF
RGB	rgb(103, 76, 175)
HSL	hsl(256, 39%, 49%)
HSV	hsv(256, 57%, 69%)
CMYK	cmyk(41.1%, 56.6%, 0%, 31.4%)
CIE-LAB	lab(39.83, 34.95, -49.17)
CIE-LCH	lch(39.83, 60.33, 305.40°)
OKLab	oklab(49.58% 0.0582 -0.1398)
OKLCH	oklch(49.58% 0.151 292.6)
XYZ	xyz(15.9137, 11.1472, 41.8623)
Luminance	0.1115 (WCAG relative)
Temperature	cool
Family	violet

Closest named colors

Blue With A Hint Of Purple

#533CC6

ΔE00 6.39

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#674CAF #94AF4C

analogous

#4C63AF #674CAF #994CAF

triadic

#674CAF #AF674C #4CAF67

tetradic

#674CAF #AF4C63 #94AF4C #4CAF99

square

#674CAF #AF4C63 #94AF4C #4CAF99

split-complementary

#674CAF #AF994C #63AF4C

monochromatic

#35275A #4E3984 #674CAF #8A75C3 #AEA0D6

Accessibility & contrast

On white

6.50

#674CAF on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.23

#674CAF on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #674CAF

6.50:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##674CAF	#FFFFFF	#000000	##FFFFFF
##674CAF	1.00	6.50	3.23	6.50
#FFFFFF	6.50	1.00	21.00	1.00
#000000	3.23	21.00	1.00	21.00
##FFFFFF	6.50	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#185FB2

Deuteranopia (green-blind)

#205CAD

Tritanopia (blue-blind)

#546176

Achromatopsia (no color)

#5E5E5E

Design tokens & code

CSS

--color: #674caf;
/* rgb */ color: rgb(103, 76, 175);
/* oklch */ color: oklch(49.6% 0.151 292.6);

Tailwind

colors: {
  custom: {
    50: '#977fc7',
    500: '#674caf',
    950: '#000000',
  },
}

SCSS

$custom: #674caf;
$custom-light: #977fc7;
$custom-dark: #000000;

JSON

{
  "hex": "#674caf",
  "rgb": {
    "r": 103,
    "g": 76,
    "b": 175
  },
  "hsl": {
    "h": 256.364,
    "s": 39.442,
    "l": 49.216
  },
  "oklch": {
    "l": 0.49584,
    "c": 0.15143,
    "h": 292.6
  },
  "luminance": 0.11148
}

Semantic roles & 50–950 ramp

primary

#674CAF

secondary

#B6C294

accent

#CF58AF

background

#F9F7FC

surface

#F2EEF8

border

#CCC9D1

text

#0E0A13

muted

#7E7C82

Preview Lab

Preview with #674CAF

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

Preview Lab → · Contrast checker → · Palette generator →