Nearest named color · #6D5A95
#6D5A95
Nearest named color: Passion Flower
#6D5A95 (rgb(109 90 149), hsl(259 25% 47%), oklch(0.511 0.093 297.8)) is closest to the named color Passion Flower. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#6D5A95
oklch(0.511 0.093 297.8)
Color conversions
- HEX
- #6d5a95
- RGB
- rgb(109 90 149)
- HSL
- hsl(259 25% 47%)
- HWB
- hwb(259 35% 42%)
- OKLCH
- oklch(0.511 0.093 297.8)
- OKLab
- oklab(0.511 0.044 -0.083)
- CIE Lab
- lab(42.08 17.99 -29.87)
- LCH
- lch(42.08 34.87 301.1)
- CMYK
- cmyk(27% 40% 0% 42%)
Tints · Shades · Tones
Tints
- 7A6AA0
- 8879AA
- 9689B5
- A49AC0
- B3AACA
- C2BBD5
- D1CBDF
- E0DCEA
- EFEEF4
Shades
- 5E4D81
- 4F416D
- 41355A
- 332948
- 261E37
- 191326
- 0D0916
- 040308
- 010001
Tones
- 6F5E93
- 716291
- 726690
- 746A8E
- 766E8C
- 787189
- 7A7587
- 7C7985
- 7E7C83
Color harmonies
Complementary +180°
- 6D5A95
Passion Flower
- 626D29
≈ Fiji Green
Analogous -30° +30°
- 6D5A95
Passion Flower
- 4F649C
≈ Electrify
- 835282
≈ Thistle Mauve
Triadic +120° +240°
- 6D5A95
Passion Flower
- 8E582B
≈ Caramel Café
- 047866
≈ Shady Glade
Split-complementary +150° +210°
- 6D5A95
Passion Flower
- 7D631A
≈ Brazen Brass
- 3E7547
≈ Grasslands
Tetradic +90° +180° +270°
- 6D5A95
Passion Flower
- 955048
≈ Rembrandt Ruby
- 626D29
≈ Fiji Green
- 007481
≈ Deep Current
Contrast & accessibility
Ag
AAOn white
WCAG 5.92:1 · APCA Lc 80
Ag
FailOn black
WCAG 3.54:1 · APCA Lc 22
Best text color: #FFFFFF
WCAG 5.92:1 (AA) · APCA Lc 80
Contrast pairs
Code snippets
CSS
:root {
--passion-flower: #6d5a95;
--passion-flower-rgb: 109 90 149;
--passion-flower-oklch: oklch(0.511 0.093 297.8);
}
.element {
color: var(--passion-flower);
background-color: hsl(259 25% 47%);
border-color: oklch(0.511 0.093 297.8);
}Tailwind CSS v4
@theme {
--color-passion-flower: #6d5a95;
--color-passion-flower-50: #f9f0ff;
--color-passion-flower-100: #ece2ff;
--color-passion-flower-200: #daccf7;
--color-passion-flower-300: #beade1;
--color-passion-flower-400: #a593cf;
--color-passion-flower-500: #8e78bc;
--color-passion-flower-600: #78669f;
--color-passion-flower-700: #60517f;
--color-passion-flower-800: #453b5f;
--color-passion-flower-900: #302943;
--color-passion-flower-950: #1c162b;
}SCSS
$passion-flower: #6d5a95;
$passion-flower-rgb: 109, 90, 149;
$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);
}