이름 색상 · #7E9C6F
Wild Thyme
Wild Thyme은(는) #7E9C6F: rgb(126 156 111), hsl(100 19% 52%), oklch(0.658 0.073 135.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Wild Thyme color name →
#7E9C6F
oklch(0.658 0.073 135.4)
색상 변환
- HEX
- #7e9c6f
- RGB
- rgb(126 156 111)
- HSL
- hsl(100 19% 52%)
- HWB
- hwb(100 44% 39%)
- OKLCH
- oklch(0.658 0.073 135.4)
- OKLab
- oklab(0.658 -0.052 0.051)
- CIE Lab
- lab(61.17 -17.33 20.08)
- LCH
- lch(61.17 26.52 130.8)
- CMYK
- cmyk(19% 0% 29% 39%)
틴트 · 셰이드 · 톤
틴트
- 8AA67D
- 97AF8B
- A3B999
- B0C3A7
- BDCDB5
- CAD7C4
- D7E1D2
- E4EBE1
- F2F5F0
셰이드
- 6D8760
- 5C7351
- 4C5F42
- 3C4C34
- 2D3927
- 1F281A
- 11180E
- 050904
- 010101
톤
- 7E9971
- 7F9673
- 7F9475
- 7F9177
- 7F8E78
- 808B7A
- 80897B
- 80867D
- 80837F
색 조화
보색 +180°
- 7E9C6F
Wild Thyme
- A384B0
≈ Daylight Lilac
유사색 -30° +30°
- 7E9C6F
Wild Thyme
- 98955F
≈ Tansy Green
- 65A087
≈ Scotch Lassie
삼각 배색 +120° +240°
- 7E9C6F
Wild Thyme
- 7494BE
≈ King Neptune
- BA7F83
≈ Rennie’s Rose
분열 보색 +150° +210°
- 7E9C6F
Wild Thyme
- 8D8BBD
≈ Butterfly Garden
- B3809B
≈ Antique Hot Pink
사각 배색 +90° +180° +270°
- 7E9C6F
Wild Thyme
- 5E9BB3
≈ Chivalry
- A384B0
≈ Daylight Lilac
- B8846C
≈ Red Gravel
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.05:1 · APCA Lc 57
Ag
AA검은색 위
WCAG 6.87:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.87:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--wild-thyme: #7e9c6f;
--wild-thyme-rgb: 126 156 111;
--wild-thyme-oklch: oklch(0.658 0.073 135.4);
}
.element {
color: var(--wild-thyme);
background-color: hsl(100 19% 52%);
border-color: oklch(0.658 0.073 135.4);
}Tailwind CSS v4
@theme {
--color-wild-thyme: #7e9c6f;
--color-wild-thyme-50: #ecfae6;
--color-wild-thyme-100: #ddeed6;
--color-wild-thyme-200: #c6dcbe;
--color-wild-thyme-300: #a6c19c;
--color-wild-thyme-400: #8ca97d;
--color-wild-thyme-500: #719160;
--color-wild-thyme-600: #607b52;
--color-wild-thyme-700: #4c6241;
--color-wild-thyme-800: #38482e;
--color-wild-thyme-900: #26321f;
--color-wild-thyme-950: #151e0f;
}SCSS
$wild-thyme: #7e9c6f;
$wild-thyme-rgb: 126, 156, 111;
$wild-thyme-light: mix(#fff, $wild-thyme, 20%);
$wild-thyme-dark: mix(#000, $wild-thyme, 20%);
.element {
color: $wild-thyme;
box-shadow: 0 0 0 2px rgba($wild-thyme, 0.35);
}