Colore con nome · #987184
Meadow Flower
Meadow Flower è #987184: rgb(152 113 132), hsl(331 16% 52%), oklch(0.593 0.056 348.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Pink mean? → · Meadow Flower color name →
#987184
oklch(0.593 0.056 348.2)
Conversioni di colore
- HEX
- #987184
- RGB
- rgb(152 113 132)
- HSL
- hsl(331 16% 52%)
- HWB
- hwb(331 44% 40%)
- OKLCH
- oklch(0.593 0.056 348.2)
- OKLab
- oklab(0.593 0.055 -0.011)
- CIE Lab
- lab(52.09 18.18 -4.15)
- LCH
- lch(52.09 18.64 347.1)
- CMYK
- cmyk(0% 26% 13% 40%)
Tinte · Ombre · Toni
Tinte
- A27E90
- AC8C9B
- B79AA7
- C1A8B3
- CBB6C0
- D6C4CC
- E0D3D9
- EAE1E5
- F5F0F2
Ombre
- 846172
- 705260
- 5C434F
- 4A353F
- 38272F
- 271A20
- 170E12
- 080406
- 010101
Toni
- 967384
- 947483
- 917683
- 8F7782
- 8D7982
- 8A7A82
- 887C81
- 857D81
- 837F80
Armonie di colore
Complementare +180°
- 987184
Meadow Flower
- 5D8978
≈ Privet Hedge
Analogo -30° +30°
- 987184
Meadow Flower
- 8D7494
≈ Self Powered
- 9D7172
≈ Raw Edge
Triadico +120° +240°
- 987184
Meadow Flower
- 81815A
≈ Spinach Souffle
- 5A8599
≈ Blue Moon Bay
Complementare divisa +150° +210°
- 987184
Meadow Flower
- 6E8766
≈ Shale Green
- 55898A
≈ Evora
Tetradico +90° +180° +270°
- 987184
Meadow Flower
- 917B58
≈ Coconut Shell
- 5D8978
≈ Privet Hedge
- 6A80A0
≈ Bay View
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.17:1 · APCA Lc 69
Ag
AASu nero
WCAG 5.03:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 5.03:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--meadow-flower: #987184;
--meadow-flower-rgb: 152 113 132;
--meadow-flower-oklch: oklch(0.593 0.056 348.2);
}
.element {
color: var(--meadow-flower);
background-color: hsl(331 16% 52%);
border-color: oklch(0.593 0.056 348.2);
}Tailwind CSS v4
@theme {
--color-meadow-flower: #987184;
--color-meadow-flower-50: #ffeff7;
--color-meadow-flower-100: #f7e1ea;
--color-meadow-flower-200: #e8cbd7;
--color-meadow-flower-300: #cfacbb;
--color-meadow-flower-400: #b891a4;
--color-meadow-flower-500: #a3778d;
--color-meadow-flower-600: #896577;
--color-meadow-flower-700: #6e515f;
--color-meadow-flower-800: #513b46;
--color-meadow-flower-900: #382831;
--color-meadow-flower-950: #23161d;
}SCSS
$meadow-flower: #987184;
$meadow-flower-rgb: 152, 113, 132;
$meadow-flower-light: mix(#fff, $meadow-flower, 20%);
$meadow-flower-dark: mix(#000, $meadow-flower, 20%);
.element {
color: $meadow-flower;
box-shadow: 0 0 0 2px rgba($meadow-flower, 0.35);
}