Najbliższy nazwany kolor · #B08CCE
#B08CCE
Najbliższy nazwany kolor: Fleur-De-Lis
#B08CCE (rgb(176 140 206), hsl(273 40% 68%), oklch(0.697 0.102 308.9)) jest najbliższy nazwanemu kolorowi Fleur-De-Lis. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B08CCE
oklch(0.697 0.102 308.9)
Konwersje koloru
- HEX
- #b08cce
- RGB
- rgb(176 140 206)
- HSL
- hsl(273 40% 68%)
- HWB
- hwb(273 55% 19%)
- OKLCH
- oklch(0.697 0.102 308.9)
- OKLab
- oklab(0.697 0.064 -0.079)
- CIE Lab
- lab(63.51 23.42 -28.97)
- LCH
- lch(63.51 37.25 309)
- CMYK
- cmyk(15% 32% 0% 19%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B897D3
- BFA3D8
- C7AEDD
- CFB9E2
- D7C5E7
- DFD0EC
- E7DCF1
- EFE8F6
- F7F3FA
Odcienie ciemniejsze
- 9979B3
- 826798
- 6C557F
- 564366
- 42334E
- 2E2338
- 1C1423
- 0B070F
- 010102
Tony
- AB8BC6
- A68ABE
- A189B6
- 9D88AF
- 9887A7
- 93859F
- 8E8497
- 898390
- 858188
Harmonie kolorów
Komplementarna +180°
- B08CCE
Fleur-De-Lis
- 8AAA64
≈ Celuce
Analogowa -30° +30°
- B08CCE
Fleur-De-Lis
- 9097DC
≈ Portage
- C884B3
≈ Rock Star Pink
Triada +120° +240°
- B08CCE
Fleur-De-Lis
- C79254
≈ Caramel Crumb
- 3FB2AA
≈ Island Moment
Komplementarna rozszczepiona +150° +210°
- B08CCE
Fleur-De-Lis
- AE9F4F
≈ Queen Palm
- 61B186
≈ Elf Shoe
Tetrada +90° +180° +270°
- B08CCE
Fleur-De-Lis
- D4876E
≈ Rosy Pashmina
- 8AAA64
≈ Celuce
- 45ADC8
≈ Dragonfly Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.80:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.48:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--fleur-de-lis: #b08cce;
--fleur-de-lis-rgb: 176 140 206;
--fleur-de-lis-oklch: oklch(0.697 0.102 308.9);
}
.element {
color: var(--fleur-de-lis);
background-color: hsl(273 40% 68%);
border-color: oklch(0.697 0.102 308.9);
}Tailwind CSS v4
@theme {
--color-fleur-de-lis: #b08cce;
--color-fleur-de-lis-50: #ffeeff;
--color-fleur-de-lis-100: #f3dfff;
--color-fleur-de-lis-200: #e2c9f5;
--color-fleur-de-lis-300: #c8a9de;
--color-fleur-de-lis-400: #b08ecc;
--color-fleur-de-lis-500: #9a72b9;
--color-fleur-de-lis-600: #82619d;
--color-fleur-de-lis-700: #684e7e;
--color-fleur-de-lis-800: #4c395e;
--color-fleur-de-lis-900: #342742;
--color-fleur-de-lis-950: #20152a;
}SCSS
$fleur-de-lis: #b08cce;
$fleur-de-lis-rgb: 176, 140, 206;
$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);
}