Nearest named color · #B38AD2
#B38AD2
Nearest named color: Fleur-De-Lis
#B38AD2 (rgb(179 138 210), hsl(274 44% 68%), oklch(0.698 0.112 309.8)) is closest to the named color Fleur-De-Lis. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B38AD2
oklch(0.698 0.112 309.8)
Color conversions
- HEX
- #b38ad2
- RGB
- rgb(179 138 210)
- HSL
- hsl(274 44% 68%)
- HWB
- hwb(274 54% 18%)
- OKLCH
- oklch(0.698 0.112 309.8)
- OKLab
- oklab(0.698 0.071 -0.086)
- CIE Lab
- lab(63.47 26.15 -31.22)
- LCH
- lch(63.47 40.73 310)
- CMYK
- cmyk(15% 34% 0% 18%)
Tints · Shades · Tones
Tints
- BA96D7
- C2A1DC
- C9ADE0
- D1B8E5
- D9C4EA
- E0D0EE
- E8DBF2
- F0E7F7
- F7F3FB
Shades
- 9B77B6
- 84659B
- 6E5381
- 584268
- 433250
- 2F2239
- 1D1424
- 0C0710
- 010102
Tones
- AE89CA
- A989C2
- A488B9
- 9E87B1
- 9986A9
- 9485A1
- 8F8499
- 8A8390
- 858188
Color harmonies
Complementary +180°
- B38AD2
Fleur-De-Lis
- 87AC5F
≈ Chelsea Cucumber
Analogous -30° +30°
- B38AD2
Fleur-De-Lis
- 9096E2
≈ Portage
- CC82B4
≈ Ice Plant
Triadic +120° +240°
- B38AD2
Fleur-De-Lis
- CA914A
≈ Slightly Golden
- 2BB4AD
≈ Glass Jar Blue
Split-complementary +150° +210°
- B38AD2
Fleur-De-Lis
- AE9F46
≈ Queen Palm
- 58B386
≈ Jade Cream
Tetradic +90° +180° +270°
- B38AD2
Fleur-De-Lis
- D98568
≈ King Salmon
- 87AC5F
≈ Chelsea Cucumber
- 37AECD
≈ River Blue
Contrast & accessibility
Ag
FailOn white
WCAG 2.80:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.48:1 · APCA Lc 48
Best text color: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--fleur-de-lis: #b38ad2;
--fleur-de-lis-rgb: 179 138 210;
--fleur-de-lis-oklch: oklch(0.698 0.112 309.8);
}
.element {
color: var(--fleur-de-lis);
background-color: hsl(274 44% 68%);
border-color: oklch(0.698 0.112 309.8);
}Tailwind CSS v4
@theme {
--color-fleur-de-lis: #b38ad2;
--color-fleur-de-lis-50: #ffedff;
--color-fleur-de-lis-100: #f4deff;
--color-fleur-de-lis-200: #e4c7f8;
--color-fleur-de-lis-300: #caa7e1;
--color-fleur-de-lis-400: #b28cd0;
--color-fleur-de-lis-500: #9d70bd;
--color-fleur-de-lis-600: #845fa0;
--color-fleur-de-lis-700: #6a4c80;
--color-fleur-de-lis-800: #4d3760;
--color-fleur-de-lis-900: #352643;
--color-fleur-de-lis-950: #21142b;
}SCSS
$fleur-de-lis: #b38ad2;
$fleur-de-lis-rgb: 179, 138, 210;
$fleur-de-lis-light: mix(#fff, $fleur-de-lis, 20%);
$fleur-de-lis-dark: mix(#000, $fleur-de-lis, 20%);
.element {
color: $fleur-de-lis;
box-shadow: 0 0 0 2px rgba($fleur-de-lis, 0.35);
}