이름 색상 · #4D5F4F
Vine Leaf
Vine Leaf은(는) #4D5F4F: rgb(77 95 79), hsl(127 10% 34%), oklch(0.465 0.034 148.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Vine Leaf color name →
#4D5F4F
oklch(0.465 0.034 148.1)
색상 변환
- HEX
- #4d5f4f
- RGB
- rgb(77 95 79)
- HSL
- hsl(127 10% 34%)
- HWB
- hwb(127 30% 63%)
- OKLCH
- oklch(0.465 0.034 148.1)
- OKLab
- oklab(0.465 -0.029 0.018)
- CIE Lab
- lab(38.43 -9.81 6.81)
- LCH
- lch(38.43 11.94 145.2)
- CMYK
- cmyk(19% 0% 17% 63%)
틴트 · 셰이드 · 톤
틴트
- 5D6E5F
- 6E7D6F
- 7F8C80
- 909C91
- A2ACA3
- B4BCB4
- C6CCC7
- D9DDD9
- ECEEEC
셰이드
- 425244
- 374438
- 2C382E
- 222C23
- 182019
- 0F1510
- 070A07
- 020302
- 000000
톤
- 526254
- 576659
- 5C695D
- 616C62
- 666F67
- 6B736C
- 707671
- 767976
- 7B7D7B
색 조화
보색 +180°
- 4D5F4F
Vine Leaf
- 645363
≈ Purple Trinket
유사색 -30° +30°
- 4D5F4F
Vine Leaf
- 585C47
≈ Rookwood Dark Green
- 456059
≈ New Hunter
삼각 배색 +120° +240°
- 4D5F4F
Vine Leaf
- 51596D
≈ Midnight Sun
- 6B534F
≈ Semi Sweet
분열 보색 +150° +210°
- 4D5F4F
Vine Leaf
- 5C566A
≈ Ripe Berry
- 6A5259
≈ Ripe Fig
사각 배색 +90° +180° +270°
- 4D5F4F
Vine Leaf
- 485D6B
≈ Seven Seas
- 645363
≈ Purple Trinket
- 685547
≈ Centre Earth
대비 및 접근성
Ag
AA흰색 위
WCAG 6.85:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 3.06:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 6.85:1 (AA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--vine-leaf: #4d5f4f;
--vine-leaf-rgb: 77 95 79;
--vine-leaf-oklch: oklch(0.465 0.034 148.1);
}
.element {
color: var(--vine-leaf);
background-color: hsl(127 10% 34%);
border-color: oklch(0.465 0.034 148.1);
}Tailwind CSS v4
@theme {
--color-vine-leaf: #4d5f4f;
--color-vine-leaf-50: #eff8f0;
--color-vine-leaf-100: #e0ebe2;
--color-vine-leaf-200: #cbd9cd;
--color-vine-leaf-300: #acbdae;
--color-vine-leaf-400: #92a493;
--color-vine-leaf-500: #788d7a;
--color-vine-leaf-600: #657767;
--color-vine-leaf-700: #515f52;
--color-vine-leaf-800: #3b463b;
--color-vine-leaf-900: #293029;
--color-vine-leaf-950: #161c17;
}SCSS
$vine-leaf: #4d5f4f;
$vine-leaf-rgb: 77, 95, 79;
$vine-leaf-light: mix(#fff, $vine-leaf, 20%);
$vine-leaf-dark: mix(#000, $vine-leaf, 20%);
.element {
color: $vine-leaf;
box-shadow: 0 0 0 2px rgba($vine-leaf, 0.35);
}