Nazwany kolor · #8FCDB0
Vile Green
Vile Green to #8FCDB0: rgb(143 205 176), hsl(152 38% 68%), oklch(0.798 0.076 163.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Vile Green color name →
#8FCDB0
oklch(0.798 0.076 163.9)
Konwersje koloru
- HEX
- #8fcdb0
- RGB
- rgb(143 205 176)
- HSL
- hsl(152 38% 68%)
- HWB
- hwb(152 56% 20%)
- OKLCH
- oklch(0.798 0.076 163.9)
- OKLab
- oklab(0.798 -0.073 0.021)
- CIE Lab
- lab(77.58 -25.27 7.84)
- LCH
- lch(77.58 26.45 162.8)
- CMYK
- cmyk(30% 0% 14% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9BD2B8
- A6D7BF
- B1DCC7
- BDE1CF
- C8E6D7
- D3EBDF
- DEF0E7
- E9F5EF
- F4FAF7
Odcienie ciemniejsze
- 7CB299
- 699882
- 577E6C
- 456656
- 344E42
- 24382E
- 15231C
- 070F0B
- 010201
Tony
- 8EC5AB
- 8DBDA6
- 8CB5A1
- 8BAE9D
- 89A698
- 889E93
- 86978E
- 848F89
- 828785
Harmonie kolorów
Komplementarna +180°
- 8FCDB0
Vile Green
- E1AAC9
≈ Dreamy Pink
Analogowa -30° +30°
- 8FCDB0
Vile Green
- A9C897
≈ Oh Pistachio
- 80CDCB
≈ Surf Wash
Triada +120° +240°
- 8FCDB0
Vile Green
- B6B7ED
≈ Purple Illusion
- E8AE96
≈ Sweet Marmalade
Komplementarna rozszczepiona +150° +210°
- 8FCDB0
Vile Green
- CFAFE0
≈ Whisper of Plum
- EAA9AE
≈ Hibiscus Petal
Tetrada +90° +180° +270°
- 8FCDB0
Vile Green
- 9BC0EE
≈ Sail to the Sea
- E1AAC9
≈ Dreamy Pink
- DBB686
≈ Cellini Gold
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.82:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.52:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.52:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--vile-green: #8fcdb0;
--vile-green-rgb: 143 205 176;
--vile-green-oklch: oklch(0.798 0.076 163.9);
}
.element {
color: var(--vile-green);
background-color: hsl(152 38% 68%);
border-color: oklch(0.798 0.076 163.9);
}Tailwind CSS v4
@theme {
--color-vile-green: #8fcdb0;
--color-vile-green-50: #e2fdf0;
--color-vile-green-100: #d1f0e2;
--color-vile-green-200: #b7dfcd;
--color-vile-green-300: #93c4ae;
--color-vile-green-400: #73ad92;
--color-vile-green-500: #529679;
--color-vile-green-600: #467f66;
--color-vile-green-700: #386652;
--color-vile-green-800: #284b3a;
--color-vile-green-900: #1b3428;
--color-vile-green-950: #0b1f16;
}SCSS
$vile-green: #8fcdb0;
$vile-green-rgb: 143, 205, 176;
$vile-green-light: mix(#fff, $vile-green, 20%);
$vile-green-dark: mix(#000, $vile-green, 20%);
.element {
color: $vile-green;
box-shadow: 0 0 0 2px rgba($vile-green, 0.35);
}