Màu có tên · #65CE95
Van Gogh Green
Van Gogh Green là #65CE95: rgb(101 206 149), hsl(147 52% 60%), oklch(0.774 0.129 157.6). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Green mean? → · Van Gogh Green color name →
#65CE95
oklch(0.774 0.129 157.6)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 77D39F
- 88D8AA
- 99DDB4
- A8E2BF
- B7E7C9
- C6ECD4
- D4F1DF
- E3F6E9
- F1FAF4
Sắc đậm
- 57B381
- 49986D
- 3C7F5A
- 2F6648
- 224E37
- 173826
- 0C2316
- 030F08
- 000201
Sắc xám
- 6AC693
- 6FBE91
- 73B68F
- 76AF8D
- 79A78B
- 7B9F89
- 7D9787
- 7E9085
- 7F8882
Hòa sắc
Bổ túc +180°
- 65CE95
Van Gogh Green
- EA94D2
≈ Mayflower Orchid
Tương đồng -30° +30°
- 65CE95
Van Gogh Green
- 9EC567
≈ Spring Lime
- 26CFC4
≈ Bianchi Green
Bộ ba +120° +240°
- 65CE95
Van Gogh Green
- A3AEFF
≈ Shy Moment
- FB9778
≈ Hibiscus Delight
Bổ túc chia +150° +210°
- 65CE95
Van Gogh Green
- CC9EF5
≈ Baby Purple
- FA91A6
≈ Unripe Strawberry
Bộ bốn +90° +180° +270°
- 65CE95
Van Gogh Green
- 72BCFF
≈ Green Darner Tail
- EA94D2
≈ Mayflower Orchid
- EBA453
≈ Golden Koi
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.94:1 · APCA Lc 37
Ag
AAATrên nền đen
WCAG 10.81:1 · APCA Lc 65
Màu chữ tốt nhất: #000000
WCAG 10.81:1 (AAA) · APCA Lc 65
Contrast pairs
Đoạn mã
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);
}