Nazwany kolor · #B090C7
Fleur-De-Lis
Fleur-De-Lis to #B090C7: rgb(176 144 199), hsl(275 33% 67%), oklch(0.702 0.086 310.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Fleur-De-Lis color name →
#B090C7
oklch(0.702 0.086 310.7)
Konwersje koloru
- HEX
- #b090c7
- RGB
- rgb(176 144 199)
- HSL
- hsl(275 33% 67%)
- HWB
- hwb(275 56% 22%)
- OKLCH
- oklch(0.702 0.086 310.7)
- OKLab
- oklab(0.702 0.056 -0.065)
- CIE Lab
- lab(64.25 20.15 -23.93)
- LCH
- lch(64.25 31.29 310.1)
- CMYK
- cmyk(12% 28% 0% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B89BCD
- BFA6D2
- C7B1D8
- CFBCDE
- D7C7E3
- DFD2E9
- E7DDEF
- EFE8F4
- F7F4FA
Odcienie ciemniejsze
- 997DAD
- 826A93
- 6C577A
- 564562
- 42344C
- 2E2436
- 1C1521
- 0B070E
- 010102
Tony
- AB8FC0
- A68DB9
- A18CB2
- 9D8AAA
- 9888A3
- 93879C
- 8E8595
- 89838E
- 858287
Harmonie kolorów
Komplementarna +180°
- B090C7
Fleur-De-Lis
- 8DAA71
≈ Green Tea Mochi
Analogowa -30° +30°
- B090C7
Fleur-De-Lis
- 9599D4
≈ Bluebell Frost
- C48AAF
≈ Bonny Belle
Triada +120° +240°
- B090C7
Fleur-De-Lis
- C19662
≈ Mannered Gold
- 57B0AB
≈ Artesian Well
Komplementarna rozszczepiona +150° +210°
- B090C7
Fleur-De-Lis
- ABA160
≈ Wavy Glass
- 6DB08D
≈ Melon Green
Tetrada +90° +180° +270°
- B090C7
Fleur-De-Lis
- CD8D76
≈ Sociable
- 8DAA71
≈ Green Tea Mochi
- 5CACC5
≈ Blue Mist
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.74:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.66:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.66:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--fleur-de-lis: #b090c7;
--fleur-de-lis-rgb: 176 144 199;
--fleur-de-lis-oklch: oklch(0.702 0.086 310.7);
}
.element {
color: var(--fleur-de-lis);
background-color: hsl(275 33% 67%);
border-color: oklch(0.702 0.086 310.7);
}Tailwind CSS v4
@theme {
--color-fleur-de-lis: #b090c7;
--color-fleur-de-lis-50: #feefff;
--color-fleur-de-lis-100: #f2e0fd;
--color-fleur-de-lis-200: #e1caef;
--color-fleur-de-lis-300: #c7abd7;
--color-fleur-de-lis-400: #af90c4;
--color-fleur-de-lis-500: #9876b1;
--color-fleur-de-lis-600: #816495;
--color-fleur-de-lis-700: #675078;
--color-fleur-de-lis-800: #4b3a59;
--color-fleur-de-lis-900: #34283e;
--color-fleur-de-lis-950: #1f1628;
}SCSS
$fleur-de-lis: #b090c7;
$fleur-de-lis-rgb: 176, 144, 199;
$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);
}