Colore con nome · #8E9074
Mesmerise
Mesmerise è #8E9074: rgb(142 144 116), hsl(64 11% 51%), oklch(0.644 0.04 110.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Mesmerise color name →
#8E9074
oklch(0.644 0.04 110.8)
Conversioni di colore
- HEX
- #8e9074
- RGB
- rgb(142 144 116)
- HSL
- hsl(64 11% 51%)
- HWB
- hwb(64 45% 44%)
- OKLCH
- oklch(0.644 0.04 110.8)
- OKLab
- oklab(0.644 -0.014 0.038)
- CIE Lab
- lab(59.04 -4.47 14.7)
- LCH
- lch(59.04 15.36 106.9)
- CMYK
- cmyk(1% 0% 19% 44%)
Tinte · Ombre · Toni
Tinte
- 999B81
- A4A58F
- AFB09C
- BABBAA
- C5C6B8
- D0D1C6
- DCDDD4
- E7E8E2
- F3F3F0
Ombre
- 7B7D64
- 686A54
- 565745
- 444537
- 343429
- 24241B
- 15150F
- 070705
- 010101
Toni
- 8D8E75
- 8B8D77
- 8A8B78
- 888A79
- 87887A
- 86867C
- 84857D
- 83837E
- 81827F
Armonie di colore
Complementare +180°
- 8E9074
Mesmerise
- 8D8AA5
≈ Antiquate
Analogo -30° +30°
- 8E9074
Mesmerise
- 9A8B72
≈ Weathered Fossil
- 80947D
≈ Fish Camp Woods
Triadico +120° +240°
- 8E9074
Mesmerise
- 7592A2
≈ Ebb Tide
- A18490
≈ Evening Shadow
Complementare divisa +150° +210°
- 8E9074
Mesmerise
- 808EA6
≈ Cabaret Charm
- 99869D
≈ Amethyst Smoke
Tetradico +90° +180° +270°
- 8E9074
Mesmerise
- 719597
≈ Ship Shape
- 8D8AA5
≈ Antiquate
- A58483
≈ Muse
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.28:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.39:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.39:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--mesmerise: #8e9074;
--mesmerise-rgb: 142 144 116;
--mesmerise-oklch: oklch(0.644 0.04 110.8);
}
.element {
color: var(--mesmerise);
background-color: hsl(64 11% 51%);
border-color: oklch(0.644 0.04 110.8);
}Tailwind CSS v4
@theme {
--color-mesmerise: #8e9074;
--color-mesmerise-50: #f5f7ea;
--color-mesmerise-100: #e8eada;
--color-mesmerise-200: #d4d6c3;
--color-mesmerise-300: #b7baa3;
--color-mesmerise-400: #9fa186;
--color-mesmerise-500: #87896a;
--color-mesmerise-600: #72745a;
--color-mesmerise-700: #5b5d48;
--color-mesmerise-800: #434434;
--color-mesmerise-900: #2e2f23;
--color-mesmerise-950: #1b1b12;
}SCSS
$mesmerise: #8e9074;
$mesmerise-rgb: 142, 144, 116;
$mesmerise-light: mix(#fff, $mesmerise, 20%);
$mesmerise-dark: mix(#000, $mesmerise, 20%);
.element {
color: $mesmerise;
box-shadow: 0 0 0 2px rgba($mesmerise, 0.35);
}