Nazwany kolor · #96C193
Velvet Leaf
Velvet Leaf to #96C193: rgb(150 193 147), hsl(116 27% 67%), oklch(0.768 0.079 143.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Velvet Leaf color name →
#96C193
oklch(0.768 0.079 143.1)
Konwersje koloru
- HEX
- #96c193
- RGB
- rgb(150 193 147)
- HSL
- hsl(116 27% 67%)
- HWB
- hwb(116 58% 24%)
- OKLCH
- oklch(0.768 0.079 143.1)
- OKLab
- oklab(0.768 -0.063 0.048)
- CIE Lab
- lab(74.05 -21.54 18.41)
- LCH
- lch(74.05 28.33 139.5)
- CMYK
- cmyk(22% 0% 24% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A0C79E
- ABCDA8
- B5D4B3
- C0DABE
- CAE0C8
- D5E6D3
- DFECDE
- EAF3E9
- F4F9F4
Odcienie ciemniejsze
- 82A77F
- 6E8F6C
- 5B7759
- 495F47
- 374936
- 263425
- 162016
- 080E08
- 010201
Tony
- 94BA91
- 92B48F
- 90AD8E
- 8EA78C
- 8CA08A
- 899A88
- 879386
- 858D84
- 828682
Harmonie kolorów
Komplementarna +180°
- 96C193
Velvet Leaf
- CDA3D1
≈ Lilac Lace
Analogowa -30° +30°
- 96C193
Velvet Leaf
- B3B97E
≈ Nile
- 7CC4AF
≈ Monte Carlo
Triada +120° +240°
- 96C193
Velvet Leaf
- 99B4E7
≈ Myrtle Flower
- E2A09C
≈ Pale Berry
Komplementarna rozszczepiona +150° +210°
- 96C193
Velvet Leaf
- B5AAE2
≈ Maximum Blue Purple
- DC9FB8
≈ Pink Gin
Tetrada +90° +180° +270°
- 96C193
Velvet Leaf
- 7FBDDE
≈ Enchanting
- CDA3D1
≈ Lilac Lace
- DCA684
≈ Nairobi Dusk
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.02:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.34:1 · APCA Lc 63
Najlepszy kolor tekstu: #000000
WCAG 10.34:1 (AAA) · APCA Lc 63
Contrast pairs
Fragmenty kodu
CSS
:root {
--velvet-leaf: #96c193;
--velvet-leaf-rgb: 150 193 147;
--velvet-leaf-oklch: oklch(0.768 0.079 143.1);
}
.element {
color: var(--velvet-leaf);
background-color: hsl(116 27% 67%);
border-color: oklch(0.768 0.079 143.1);
}Tailwind CSS v4
@theme {
--color-velvet-leaf: #96c193;
--color-velvet-leaf-50: #e8fce8;
--color-velvet-leaf-100: #d8efd8;
--color-velvet-leaf-200: #c0dec0;
--color-velvet-leaf-300: #9fc39f;
--color-velvet-leaf-400: #83ab80;
--color-velvet-leaf-500: #669463;
--color-velvet-leaf-600: #577d55;
--color-velvet-leaf-700: #456443;
--color-velvet-leaf-800: #33492f;
--color-velvet-leaf-900: #233320;
--color-velvet-leaf-950: #121e10;
}SCSS
$velvet-leaf: #96c193;
$velvet-leaf-rgb: 150, 193, 147;
$velvet-leaf-light: mix(#fff, $velvet-leaf, 20%);
$velvet-leaf-dark: mix(#000, $velvet-leaf, 20%);
.element {
color: $velvet-leaf;
box-shadow: 0 0 0 2px rgba($velvet-leaf, 0.35);
}