Dichtstbijzijnde benoemde kleur · #B08DCC
#B08DCC
Dichtstbijzijnde benoemde kleur: Fleur-De-Lis
#B08DCC (rgb(176 141 204), hsl(273 38% 68%), oklch(0.698 0.098 309.4)) komt het dichtst bij de benoemde kleur Fleur-De-Lis. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#B08DCC
oklch(0.698 0.098 309.4)
Kleurconversies
- HEX
- #b08dcc
- RGB
- rgb(176 141 204)
- HSL
- hsl(273 38% 68%)
- HWB
- hwb(273 55% 20%)
- OKLCH
- oklch(0.698 0.098 309.4)
- OKLab
- oklab(0.698 0.062 -0.076)
- CIE Lab
- lab(63.68 22.56 -27.59)
- LCH
- lch(63.68 35.64 309.3)
- CMYK
- cmyk(14% 31% 0% 20%)
Tinten · Schaduwen · Tonen
Tinten
- B898D1
- BFA3D7
- C7AFDC
- CFBAE1
- D7C5E6
- DFD1EB
- E7DCF0
- EFE8F5
- F7F3FA
Schaduwen
- 997AB1
- 826797
- 6C557E
- 564465
- 42334E
- 2E2337
- 1C1422
- 0B070F
- 010102
Tonen
- AB8CC4
- A68BBD
- A18AB5
- 9D88AD
- 9887A6
- 93869E
- 8E8497
- 89838F
- 858288
Kleurharmonieën
Complementair +180°
- B08DCC
Fleur-De-Lis
- 8BAA68
≈ Celuce
Analoog -30° +30°
- B08DCC
Fleur-De-Lis
- 9197DA
≈ Portage
- C786B2
≈ Rock Star Pink
Triadisch +120° +240°
- B08DCC
Fleur-De-Lis
- C59358
≈ Caramel Crumb
- 46B1AB
≈ Verdigris
Gesplitst complementair +150° +210°
- B08DCC
Fleur-De-Lis
- AD9F54
≈ Organic Matter
- 64B188
≈ Elf Shoe
Tetradisch +90° +180° +270°
- B08DCC
Fleur-De-Lis
- D28970
≈ Helena Rose
- 8BAA68
≈ Celuce
- 4CACC7
≈ Dragonfly Blue
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.78:1 · APCA Lc 54
Ag
AAAOp zwart
WCAG 7.52:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--fleur-de-lis: #b08dcc;
--fleur-de-lis-rgb: 176 141 204;
--fleur-de-lis-oklch: oklch(0.698 0.098 309.4);
}
.element {
color: var(--fleur-de-lis);
background-color: hsl(273 38% 68%);
border-color: oklch(0.698 0.098 309.4);
}Tailwind CSS v4
@theme {
--color-fleur-de-lis: #b08dcc;
--color-fleur-de-lis-50: #feeeff;
--color-fleur-de-lis-100: #f3dfff;
--color-fleur-de-lis-200: #e2c9f3;
--color-fleur-de-lis-300: #c8aadc;
--color-fleur-de-lis-400: #b08eca;
--color-fleur-de-lis-500: #9973b7;
--color-fleur-de-lis-600: #82629b;
--color-fleur-de-lis-700: #684e7c;
--color-fleur-de-lis-800: #4b395d;
--color-fleur-de-lis-900: #342741;
--color-fleur-de-lis-950: #201529;
}SCSS
$fleur-de-lis: #b08dcc;
$fleur-de-lis-rgb: 176, 141, 204;
$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);
}