이름 색상 · #65CE95
Van Gogh Green
Van Gogh Green은(는) #65CE95: rgb(101 206 149), hsl(147 52% 60%), oklch(0.774 0.129 157.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Van Gogh Green color name →
#65CE95
oklch(0.774 0.129 157.6)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 77D39F
- 88D8AA
- 99DDB4
- A8E2BF
- B7E7C9
- C6ECD4
- D4F1DF
- E3F6E9
- F1FAF4
셰이드
- 57B381
- 49986D
- 3C7F5A
- 2F6648
- 224E37
- 173826
- 0C2316
- 030F08
- 000201
톤
- 6AC693
- 6FBE91
- 73B68F
- 76AF8D
- 79A78B
- 7B9F89
- 7D9787
- 7E9085
- 7F8882
색 조화
보색 +180°
- 65CE95
Van Gogh Green
- EA94D2
≈ Mayflower Orchid
유사색 -30° +30°
- 65CE95
Van Gogh Green
- 9EC567
≈ Spring Lime
- 26CFC4
≈ Bianchi Green
삼각 배색 +120° +240°
- 65CE95
Van Gogh Green
- A3AEFF
≈ Shy Moment
- FB9778
≈ Hibiscus Delight
분열 보색 +150° +210°
- 65CE95
Van Gogh Green
- CC9EF5
≈ Baby Purple
- FA91A6
≈ Unripe Strawberry
사각 배색 +90° +180° +270°
- 65CE95
Van Gogh Green
- 72BCFF
≈ Green Darner Tail
- EA94D2
≈ Mayflower Orchid
- EBA453
≈ Golden Koi
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.94:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.81:1 · APCA Lc 65
가장 좋은 글자색: #000000
WCAG 10.81:1 (AAA) · APCA Lc 65
Contrast pairs
코드 스니펫
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);
}