Cor nomeada · #8BA494
Wintessa
Wintessa é #8BA494: rgb(139 164 148), hsl(142 12% 59%), oklch(0.695 0.036 157.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Wintessa color name →
#8BA494
oklch(0.695 0.036 157.3)
Conversões de cor
- HEX
- #8ba494
- RGB
- rgb(139 164 148)
- HSL
- hsl(142 12% 59%)
- HWB
- hwb(142 55% 36%)
- OKLCH
- oklch(0.695 0.036 157.3)
- OKLab
- oklab(0.695 -0.033 0.014)
- CIE Lab
- lab(65.08 -11.48 5.27)
- LCH
- lch(65.08 12.63 155.3)
- CMYK
- cmyk(15% 0% 10% 36%)
Tons claros · Sombras · Tons
Tons claros
- 96AD9E
- A1B6A9
- ADBFB3
- B8C8BE
- C4D1C8
- CFDAD3
- DBE3DE
- E7ECE9
- F3F6F4
Sombras
- 788E80
- 66796D
- 54645A
- 435048
- 323D36
- 232B26
- 141A16
- 070A08
- 010101
Tons
- 8AA092
- 899D90
- 88998E
- 87958C
- 86928A
- 858E88
- 848B86
- 828784
- 818482
Harmonias de cor
Complementar +180°
- 8BA494
Wintessa
- AC95A5
≈ Grape Soda
Análoga -30° +30°
- 8BA494
Wintessa
- 97A189
≈ Triamble
- 84A5A1
≈ Venus Teal
Tríade +120° +240°
- 8BA494
Wintessa
- 979BB4
≈ Bay Fog
- B2968D
≈ Rose Mauve
Complementar dividida +150° +210°
- 8BA494
Wintessa
- A397AF
≈ Heirloom Lilac
- B29499
≈ Legendary Lilac
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.68:1 · APCA Lc 52
Ag
AAASobre preto
WCAG 7.83:1 · APCA Lc 50
Melhor cor de texto: #000000
WCAG 7.83:1 (AAA) · APCA Lc 50
Contrast pairs
Trechos de código
CSS
:root {
--wintessa: #8ba494;
--wintessa-rgb: 139 164 148;
--wintessa-oklch: oklch(0.695 0.036 157.3);
}
.element {
color: var(--wintessa);
background-color: hsl(142 12% 59%);
border-color: oklch(0.695 0.036 157.3);
}Tailwind CSS v4
@theme {
--color-wintessa: #8ba494;
--color-wintessa-50: #edf9f1;
--color-wintessa-100: #deece4;
--color-wintessa-200: #c8d9cf;
--color-wintessa-300: #a8bdb1;
--color-wintessa-400: #8ea596;
--color-wintessa-500: #738e7d;
--color-wintessa-600: #61786a;
--color-wintessa-700: #4e6054;
--color-wintessa-800: #39463d;
--color-wintessa-900: #27312a;
--color-wintessa-950: #151d17;
}SCSS
$wintessa: #8ba494;
$wintessa-rgb: 139, 164, 148;
$wintessa-light: mix(#fff, $wintessa, 20%);
$wintessa-dark: mix(#000, $wintessa, 20%);
.element {
color: $wintessa;
box-shadow: 0 0 0 2px rgba($wintessa, 0.35);
}