Warna bernama · #A0D9A3
Green Trance
Green Trance adalah #A0D9A3: rgb(160 217 163), hsl(123 43% 74%), oklch(0.832 0.095 146). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Green mean? → · Green Trance color name →
#A0D9A3
oklch(0.832 0.095 146)
Konversi warna
- HEX
- #a0d9a3
- RGB
- rgb(160 217 163)
- HSL
- hsl(123 43% 74%)
- HWB
- hwb(123 63% 15%)
- OKLCH
- oklch(0.832 0.095 146)
- OKLab
- oklab(0.832 -0.079 0.053)
- CIE Lab
- lab(81.72 -26.9 20.57)
- LCH
- lch(81.72 33.86 142.6)
- CMYK
- cmyk(26% 0% 25% 15%)
Tint · Shade · Tone
Tint
- AADDAC
- B3E1B5
- BDE5BE
- C7E9C8
- D0ECD1
- D9F0DA
- E3F4E3
- ECF8EC
- F6FBF6
Shade
- 8BBC8D
- 76A178
- 618663
- 4E6C4F
- 3B533C
- 293B2A
- 192519
- 09110A
- 010201
Tone
- 9DD0A0
- 9AC79C
- 97BE99
- 94B595
- 91AC92
- 8EA38E
- 8A9A8B
- 879187
- 848984
Harmoni warna
Komplementer +180°
- A0D9A3
Green Trance
- E9B3E9
≈ Land of Dreams
Analog -30° +30°
- A0D9A3
Green Trance
- C4D088
≈ Soft Celery
- 80DDC6
≈ Tender Turquoise
Triadik +120° +240°
- A0D9A3
Green Trance
- AFC7FF
≈ Night Snow
- FFB1A8
≈ Peach Bud
Split-komplementer +150° +210°
- A0D9A3
Green Trance
- CDBCFF
≈ Lavender Tonic
- FAAECA
≈ Caregiver Pink
Tetradik +90° +180° +270°
- A0D9A3
Green Trance
- 8AD2FE
≈ Kul Sharif Blue
- E9B3E9
≈ Land of Dreams
- F8B88B
≈ Fresh Peaches
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.62:1 · APCA Lc 28
Ag
AAADi atas hitam
WCAG 12.94:1 · APCA Lc 75
Warna teks terbaik: #000000
WCAG 12.94:1 (AAA) · APCA Lc 75
Contrast pairs
Cuplikan kode
CSS
:root {
--green-trance: #a0d9a3;
--green-trance-rgb: 160 217 163;
--green-trance-oklch: oklch(0.832 0.095 146);
}
.element {
color: var(--green-trance);
background-color: hsl(123 43% 74%);
border-color: oklch(0.832 0.095 146);
}Tailwind CSS v4
@theme {
--color-green-trance: #a0d9a3;
--color-green-trance-50: #e4fde6;
--color-green-trance-100: #d3f1d6;
--color-green-trance-200: #bae0be;
--color-green-trance-300: #97c59c;
--color-green-trance-400: #79ae7d;
--color-green-trance-500: #5a975f;
--color-green-trance-600: #4d8051;
--color-green-trance-700: #3d6640;
--color-green-trance-800: #2d4b2d;
--color-green-trance-900: #1e341e;
--color-green-trance-950: #0e1f0e;
}SCSS
$green-trance: #a0d9a3;
$green-trance-rgb: 160, 217, 163;
$green-trance-light: mix(#fff, $green-trance, 20%);
$green-trance-dark: mix(#000, $green-trance, 20%);
.element {
color: $green-trance;
box-shadow: 0 0 0 2px rgba($green-trance, 0.35);
}