Warna bernama · #65CE95
Van Gogh Green
Van Gogh Green adalah #65CE95: rgb(101 206 149), hsl(147 52% 60%), oklch(0.774 0.129 157.6). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Green mean? → · Van Gogh Green color name →
#65CE95
oklch(0.774 0.129 157.6)
Konversi warna
- HEX
- #65ce95
- RGB
- rgb(101 206 149)
- HSL
- hsl(147 52% 60%)
- HWB
- hwb(147 40% 19%)
- OKLCH
- oklch(0.774 0.129 157.6)
- OKLab
- oklab(0.774 -0.119 0.049)
- CIE Lab
- lab(75.43 -41.74 18.74)
- LCH
- lch(75.43 45.75 155.8)
- CMYK
- cmyk(51% 0% 28% 19%)
Tint · Shade · Tone
Tint
- 77D39F
- 88D8AA
- 99DDB4
- A8E2BF
- B7E7C9
- C6ECD4
- D4F1DF
- E3F6E9
- F1FAF4
Shade
- 57B381
- 49986D
- 3C7F5A
- 2F6648
- 224E37
- 173826
- 0C2316
- 030F08
- 000201
Tone
- 6AC693
- 6FBE91
- 73B68F
- 76AF8D
- 79A78B
- 7B9F89
- 7D9787
- 7E9085
- 7F8882
Harmoni warna
Komplementer +180°
- 65CE95
Van Gogh Green
- EA94D2
≈ Mayflower Orchid
Analog -30° +30°
- 65CE95
Van Gogh Green
- 9EC567
≈ Spring Lime
- 26CFC4
≈ Bianchi Green
Triadik +120° +240°
- 65CE95
Van Gogh Green
- A3AEFF
≈ Shy Moment
- FB9778
≈ Hibiscus Delight
Split-komplementer +150° +210°
- 65CE95
Van Gogh Green
- CC9EF5
≈ Baby Purple
- FA91A6
≈ Unripe Strawberry
Tetradik +90° +180° +270°
- 65CE95
Van Gogh Green
- 72BCFF
≈ Green Darner Tail
- EA94D2
≈ Mayflower Orchid
- EBA453
≈ Golden Koi
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.94:1 · APCA Lc 37
Ag
AAADi atas hitam
WCAG 10.81:1 · APCA Lc 65
Warna teks terbaik: #000000
WCAG 10.81:1 (AAA) · APCA Lc 65
Contrast pairs
Cuplikan kode
CSS
:root {
--van-gogh-green: #65ce95;
--van-gogh-green-rgb: 101 206 149;
--van-gogh-green-oklch: oklch(0.774 0.129 157.6);
}
.element {
color: var(--van-gogh-green);
background-color: hsl(147 52% 60%);
border-color: oklch(0.774 0.129 157.6);
}Tailwind CSS v4
@theme {
--color-van-gogh-green: #65ce95;
--color-van-gogh-green-50: #d7ffe8;
--color-van-gogh-green-100: #c4f6d9;
--color-van-gogh-green-200: #a4e6c1;
--color-van-gogh-green-300: #79cca0;
--color-van-gogh-green-400: #52b580;
--color-van-gogh-green-500: #139f64;
--color-van-gogh-green-600: #178655;
--color-van-gogh-green-700: #146c43;
--color-van-gogh-green-800: #104f2e;
--color-van-gogh-green-900: #0a371f;
--color-van-gogh-green-950: #00220f;
}SCSS
$van-gogh-green: #65ce95;
$van-gogh-green-rgb: 101, 206, 149;
$van-gogh-green-light: mix(#fff, $van-gogh-green, 20%);
$van-gogh-green-dark: mix(#000, $van-gogh-green, 20%);
.element {
color: $van-gogh-green;
box-shadow: 0 0 0 2px rgba($van-gogh-green, 0.35);
}