Nearest named color · #B08DC9
#B08DC9
Nearest named color: Fleur-De-Lis
#B08DC9 (rgb(176 141 201), hsl(275 36% 67%), oklch(0.697 0.094 310.6)) is closest to the named color Fleur-De-Lis. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B08DC9
oklch(0.697 0.094 310.6)
Color conversions
- HEX
- #b08dc9
- RGB
- rgb(176 141 201)
- HSL
- hsl(275 36% 67%)
- HWB
- hwb(275 55% 21%)
- OKLCH
- oklch(0.697 0.094 310.6)
- OKLab
- oklab(0.697 0.061 -0.071)
- CIE Lab
- lab(63.59 22.07 -26.07)
- LCH
- lch(63.59 34.15 310.3)
- CMYK
- cmyk(12% 30% 0% 21%)
Tints · Shades · Tones
Tints
- B898CF
- BFA3D4
- C7AFDA
- CFBADF
- D7C5E5
- DFD1EA
- E7DCEF
- EFE8F5
- F7F3FA
Shades
- 997AAE
- 826795
- 6C557C
- 564464
- 42334C
- 2E2336
- 1C1422
- 0B070F
- 010102
Tones
- AB8CC2
- A68BBA
- A18AB3
- 9D88AC
- 9887A4
- 93869D
- 8E8496
- 89838F
- 858287
Color harmonies
Complementary +180°
- B08DC9
Fleur-De-Lis
- 89AA6B
≈ Peeled Asparagus
Analogous -30° +30°
- B08DC9
Fleur-De-Lis
- 9397D7
≈ Portage
- C586AF
≈ Moonlight Mauve
Triadic +120° +240°
- B08DC9
Fleur-De-Lis
- C3935A
≈ Caramel Crumb
- 4BB0AB
≈ Verdigris
Split-complementary +150° +210°
- B08DC9
Fleur-De-Lis
- AA9F58
≈ Organic Matter
- 65B08A
≈ Elf Shoe
Tetradic +90° +180° +270°
- B08DC9
Fleur-De-Lis
- D08A70
≈ Fireplace Glow
- 89AA6B
≈ Peeled Asparagus
- 51ABC6
≈ Frozen Wave
Contrast & accessibility
Ag
FailOn white
WCAG 2.80:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.49:1 · APCA Lc 48
Best text color: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--fleur-de-lis: #b08dc9;
--fleur-de-lis-rgb: 176 141 201;
--fleur-de-lis-oklch: oklch(0.697 0.094 310.6);
}
.element {
color: var(--fleur-de-lis);
background-color: hsl(275 36% 67%);
border-color: oklch(0.697 0.094 310.6);
}Tailwind CSS v4
@theme {
--color-fleur-de-lis: #b08dc9;
--color-fleur-de-lis-50: #ffeeff;
--color-fleur-de-lis-100: #f3dfff;
--color-fleur-de-lis-200: #e2c9f2;
--color-fleur-de-lis-300: #c8aada;
--color-fleur-de-lis-400: #b08fc8;
--color-fleur-de-lis-500: #9a74b4;
--color-fleur-de-lis-600: #826298;
--color-fleur-de-lis-700: #684e7a;
--color-fleur-de-lis-800: #4c395b;
--color-fleur-de-lis-900: #352740;
--color-fleur-de-lis-950: #201529;
}SCSS
$fleur-de-lis: #b08dc9;
$fleur-de-lis-rgb: 176, 141, 201;
$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);
}