Dichtstbijzijnde benoemde kleur · #B08FBF
#B08FBF
Dichtstbijzijnde benoemde kleur: Fleur-De-Lis
#B08FBF (rgb(176 143 191), hsl(281 27% 65%), oklch(0.697 0.078 315.1)) 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.
#B08FBF
oklch(0.697 0.078 315.1)
Kleurconversies
- HEX
- #b08fbf
- RGB
- rgb(176 143 191)
- HSL
- hsl(281 27% 65%)
- HWB
- hwb(281 56% 25%)
- OKLCH
- oklch(0.697 0.078 315.1)
- OKLab
- oklab(0.697 0.055 -0.055)
- CIE Lab
- lab(63.76 19.42 -20.21)
- LCH
- lch(63.76 28.03 313.8)
- CMYK
- cmyk(8% 25% 0% 25%)
Tinten · Schaduwen · Tonen
Tinten
- B89AC5
- C0A5CC
- C7B0D2
- CFBBD9
- D7C6DF
- DFD1E6
- E7DDEC
- EFE8F2
- F7F3F9
Schaduwen
- 997CA6
- 82698D
- 6C5775
- 56455E
- 423448
- 2E2433
- 1C151F
- 0B070D
- 010102
Tonen
- AB8EB9
- A68CB2
- A18BAC
- 9D89A6
- 98889F
- 938699
- 8E8593
- 8A838D
- 858286
Kleurharmonieën
Complementair +180°
- B08FBF
Fleur-De-Lis
- 89A978
≈ Lush Fields
Analoog -30° +30°
- B08FBF
Fleur-De-Lis
- 9897CC
≈ Bluebell Frost
- C18AA8
≈ Rosy
Triadisch +120° +240°
- B08FBF
Fleur-De-Lis
- BA9766
≈ Karak Stone
- 5EADAC
≈ Fountain Blue
Gesplitst complementair +150° +210°
- B08FBF
Fleur-De-Lis
- A4A167
≈ Cocktail Olive
- 6DAD92
≈ Dublin Jack
Tetradisch +90° +180° +270°
- B08FBF
Fleur-De-Lis
- C78E75
≈ Baker’s Dream
- 89A978
≈ Lush Fields
- 65A8C2
≈ Blue Mist
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: #b08fbf;
--fleur-de-lis-rgb: 176 143 191;
--fleur-de-lis-oklch: oklch(0.697 0.078 315.1);
}
.element {
color: var(--fleur-de-lis);
background-color: hsl(281 27% 65%);
border-color: oklch(0.697 0.078 315.1);
}Tailwind CSS v4
@theme {
--color-fleur-de-lis: #b08fbf;
--color-fleur-de-lis-50: #ffefff;
--color-fleur-de-lis-100: #f3e0fa;
--color-fleur-de-lis-200: #e2caeb;
--color-fleur-de-lis-300: #c8abd2;
--color-fleur-de-lis-400: #b091be;
--color-fleur-de-lis-500: #9a76aa;
--color-fleur-de-lis-600: #82648f;
--color-fleur-de-lis-700: #685073;
--color-fleur-de-lis-800: #4c3a56;
--color-fleur-de-lis-900: #35283c;
--color-fleur-de-lis-950: #201626;
}SCSS
$fleur-de-lis: #b08fbf;
$fleur-de-lis-rgb: 176, 143, 191;
$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);
}