Nazwany kolor · #917292
Felicia
Felicia to #917292: rgb(145 114 146), hsl(298 13% 51%), oklch(0.593 0.06 325.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Felicia color name →
#917292
oklch(0.593 0.06 325.3)
Konwersje koloru
- HEX
- #917292
- RGB
- rgb(145 114 146)
- HSL
- hsl(298 13% 51%)
- HWB
- hwb(298 45% 43%)
- OKLCH
- oklch(0.593 0.06 325.3)
- OKLab
- oklab(0.593 0.049 -0.034)
- CIE Lab
- lab(51.96 16.9 -12.63)
- LCH
- lch(51.96 21.1 323.2)
- CMYK
- cmyk(1% 22% 0% 43%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9C7F9C
- A68DA7
- B19AB2
- BCA8BD
- C7B6C7
- D2C5D2
- DDD3DD
- E8E1E9
- F4F0F4
Odcienie ciemniejsze
- 7D627E
- 6A536B
- 584458
- 463646
- 352835
- 251B25
- 150E16
- 070408
- 010101
Tony
- 8F7490
- 8E758F
- 8C768D
- 8B788B
- 897989
- 877B87
- 857C86
- 847D84
- 827F82
Harmonie kolorów
Komplementarna +180°
- 917292
Felicia
- 688868
≈ Shale Green
Analogowa -30° +30°
- 917292
Felicia
- 81779F
≈ Voxatron Purple
- 9C6F80
≈ Meadow Flower
Triada +120° +240°
- 917292
Felicia
- 8F7C54
≈ Old Ruin
- 50898F
≈ Flounce
Komplementarna rozszczepiona +150° +210°
- 917292
Felicia
- 7C8359
≈ Oregano
- 568A7C
≈ Privet Hedge
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.17:1 · APCA Lc 69
Ag
AANa czerni
WCAG 5.02:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 5.02:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
CSS
:root {
--felicia: #917292;
--felicia-rgb: 145 114 146;
--felicia-oklch: oklch(0.593 0.06 325.3);
}
.element {
color: var(--felicia);
background-color: hsl(298 13% 51%);
border-color: oklch(0.593 0.06 325.3);
}Tailwind CSS v4
@theme {
--color-felicia: #917292;
--color-felicia-50: #ffeffe;
--color-felicia-100: #f3e1f2;
--color-felicia-200: #e3cce2;
--color-felicia-300: #c9adc8;
--color-felicia-400: #b193b2;
--color-felicia-500: #9b799c;
--color-felicia-600: #836684;
--color-felicia-700: #69526a;
--color-felicia-800: #4d3b4e;
--color-felicia-900: #352937;
--color-felicia-950: #201721;
}SCSS
$felicia: #917292;
$felicia-rgb: 145, 114, 146;
$felicia-light: mix(#fff, $felicia, 20%);
$felicia-dark: mix(#000, $felicia, 20%);
.element {
color: $felicia;
box-shadow: 0 0 0 2px rgba($felicia, 0.35);
}