Nearest named color · #6D5B91
#6D5B91
Nearest named color: Passion Flower
#6D5B91 (rgb(109 91 145), hsl(260 23% 46%), oklch(0.511 0.086 298.7)) is closest to the named color Passion Flower. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#6D5B91
oklch(0.511 0.086 298.7)
Color conversions
- HEX
- #6d5b91
- RGB
- rgb(109 91 145)
- HSL
- hsl(260 23% 46%)
- HWB
- hwb(260 36% 43%)
- OKLCH
- oklch(0.511 0.086 298.7)
- OKLab
- oklab(0.511 0.041 -0.075)
- CIE Lab
- lab(42.18 16.61 -27.33)
- LCH
- lch(42.18 31.98 301.3)
- CMYK
- cmyk(25% 37% 0% 43%)
Tints · Shades · Tones
Tints
- 7A6A9C
- 887AA7
- 968AB2
- A49ABD
- B3AAC8
- C2BBD3
- D1CCDE
- E0DCE9
- EFEEF4
Shades
- 5E4E7D
- 4F416A
- 413558
- 332946
- 261E35
- 191325
- 0D0915
- 040307
- 010001
Tones
- 6F5F90
- 71638E
- 72678D
- 746A8B
- 766E89
- 787288
- 7A7586
- 7C7984
- 7E7C82
Color harmonies
Complementary +180°
- 6D5B91
Passion Flower
- 616D30
≈ Russian Uniform
Analogous -30° +30°
- 6D5B91
Passion Flower
- 526498
≈ Dutch Blue
- 81547F
≈ Purple Davenport
Triadic +120° +240°
- 6D5B91
Passion Flower
- 8B5931
≈ Brushwood
- 1A7667
≈ Teal Waters
Split-complementary +150° +210°
- 6D5B91
Passion Flower
- 7A6324
≈ Brazen Brass
- 41744A
≈ Grasslands
Tetradic +90° +180° +270°
- 6D5B91
Passion Flower
- 91524A
≈ Cogswell Cedar
- 616D30
≈ Russian Uniform
- 0A7481
≈ Deep Current
Contrast & accessibility
Ag
AAOn white
WCAG 5.90:1 · APCA Lc 79
Ag
FailOn black
WCAG 3.55:1 · APCA Lc 22
Best text color: #FFFFFF
WCAG 5.90:1 (AA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--passion-flower: #6d5b91;
--passion-flower-rgb: 109 91 145;
--passion-flower-oklch: oklch(0.511 0.086 298.7);
}
.element {
color: var(--passion-flower);
background-color: hsl(260 23% 46%);
border-color: oklch(0.511 0.086 298.7);
}Tailwind CSS v4
@theme {
--color-passion-flower: #6d5b91;
--color-passion-flower-50: #f9f0ff;
--color-passion-flower-100: #ece2ff;
--color-passion-flower-200: #daccf4;
--color-passion-flower-300: #beaedd;
--color-passion-flower-400: #a594cb;
--color-passion-flower-500: #8e79b7;
--color-passion-flower-600: #78679b;
--color-passion-flower-700: #60527c;
--color-passion-flower-800: #453c5d;
--color-passion-flower-900: #302941;
--color-passion-flower-950: #1c172a;
}SCSS
$passion-flower: #6d5b91;
$passion-flower-rgb: 109, 91, 145;
$passion-flower-light: mix(#fff, $passion-flower, 20%);
$passion-flower-dark: mix(#000, $passion-flower, 20%);
.element {
color: $passion-flower;
box-shadow: 0 0 0 2px rgba($passion-flower, 0.35);
}