Nazwany kolor · #874886
Lilikoi Flower Purple
Lilikoi Flower Purple to #874886: rgb(135 72 134), hsl(301 30% 41%), oklch(0.501 0.12 327.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Lilikoi Flower Purple color name →
#874886
oklch(0.501 0.12 327.8)
Konwersje koloru
- HEX
- #874886
- RGB
- rgb(135 72 134)
- HSL
- hsl(301 30% 41%)
- HWB
- hwb(301 28% 47%)
- OKLCH
- oklch(0.501 0.12 327.8)
- OKLab
- oklab(0.501 0.101 -0.064)
- CIE Lab
- lab(40.38 34.41 -23.17)
- LCH
- lch(40.38 41.48 326)
- CMYK
- cmyk(0% 47% 1% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 935A92
- 9F6B9E
- AB7DAA
- B78FB6
- C3A1C2
- CFB4CE
- DBC6DA
- E7D9E6
- F3ECF3
Odcienie ciemniejsze
- 753D74
- 633362
- 512951
- 411F40
- 311630
- 210D21
- 130613
- 060206
- 010001
Tony
- 874E86
- 875485
- 865A85
- 866084
- 856584
- 846B83
- 847082
- 827682
- 817B81
Harmonie kolorów
Komplementarna +180°
- 874886
Lilikoi Flower Purple
- 287539
≈ Japanese Laurel
Analogowa -30° +30°
- 874886
Lilikoi Flower Purple
- 6C529E
≈ Rollick
- 974264
≈ Satsuma Imo Red
Triada +120° +240°
- 874886
Lilikoi Flower Purple
- 7C5F00
≈ Ground Earth
- 00717D
≈ Iridescent Peacock
Komplementarna rozszczepiona +150° +210°
- 874886
Lilikoi Flower Purple
- 5F6C00
≈ Mud Green
- 007463
≈ Northern Hemisphere
Tetrada +90° +180° +270°
- 874886
Lilikoi Flower Purple
- 954F01
≈ Warm Brown
- 287539
≈ Japanese Laurel
- 006B9B
≈ Disarm
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.36:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.30:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.36:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--lilikoi-flower-purple: #874886;
--lilikoi-flower-purple-rgb: 135 72 134;
--lilikoi-flower-purple-oklch: oklch(0.501 0.12 327.8);
}
.element {
color: var(--lilikoi-flower-purple);
background-color: hsl(301 30% 41%);
border-color: oklch(0.501 0.12 327.8);
}Tailwind CSS v4
@theme {
--color-lilikoi-flower-purple: #874886;
--color-lilikoi-flower-purple-50: #ffe9ff;
--color-lilikoi-flower-purple-100: #ffdafb;
--color-lilikoi-flower-purple-200: #f2c2ed;
--color-lilikoi-flower-purple-300: #daa1d5;
--color-lilikoi-flower-purple-400: #c484c2;
--color-lilikoi-flower-purple-500: #b067ae;
--color-lilikoi-flower-purple-600: #955893;
--color-lilikoi-flower-purple-700: #774676;
--color-lilikoi-flower-purple-800: #573359;
--color-lilikoi-flower-purple-900: #3d223e;
--color-lilikoi-flower-purple-950: #261127;
}SCSS
$lilikoi-flower-purple: #874886;
$lilikoi-flower-purple-rgb: 135, 72, 134;
$lilikoi-flower-purple-light: mix(#fff, $lilikoi-flower-purple, 20%);
$lilikoi-flower-purple-dark: mix(#000, $lilikoi-flower-purple, 20%);
.element {
color: $lilikoi-flower-purple;
box-shadow: 0 0 0 2px rgba($lilikoi-flower-purple, 0.35);
}