이름 색상 · #9DA28E
Meadowood
Meadowood은(는) #9DA28E: rgb(157 162 142), hsl(75 10% 60%), oklch(0.702 0.029 118.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Meadowood color name →
#9DA28E
oklch(0.702 0.029 118.6)
색상 변환
- HEX
- #9da28e
- RGB
- rgb(157 162 142)
- HSL
- hsl(75 10% 60%)
- HWB
- hwb(75 56% 36%)
- OKLCH
- oklch(0.702 0.029 118.6)
- OKLab
- oklab(0.702 -0.014 0.025)
- CIE Lab
- lab(65.78 -4.59 9.8)
- LCH
- lch(65.78 10.82 115.1)
- CMYK
- cmyk(3% 0% 12% 36%)
틴트 · 셰이드 · 톤
틴트
- A6AB99
- B0B4A4
- B9BDAF
- C3C6BA
- CDD0C5
- D7D9D1
- E1E2DC
- EBECE8
- F5F5F3
셰이드
- 888C7B
- 737768
- 5F6356
- 4C4F44
- 3A3C34
- 282A24
- 181915
- 090A07
- 010101
톤
- 9A9F8D
- 979B8B
- 94988A
- 919489
- 8E9187
- 8B8D86
- 898A84
- 868783
- 838381
색 조화
보색 +180°
- 9DA28E
Meadowood
- A19CAF
≈ Indolence
유사색 -30° +30°
- 9DA28E
Meadowood
- A69F8B
≈ Apple Hill
- 93A495
≈ Heavenly Garden
삼각 배색 +120° +240°
- 9DA28E
Meadowood
- 8FA2B0
≈ Cadet Grey
- AF989F
≈ Legendary Lilac
분열 보색 +150° +210°
- 9DA28E
Meadowood
- 979FB2
≈ Moonlight Stroll
- AA99A8
≈ Pink Orthoclase
사각 배색 +90° +180° +270°
- 9DA28E
Meadowood
- 8BA5A9
≈ Impressionist
- A19CAF
≈ Indolence
- B19995
≈ Tricycle Taupe
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.62:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 7.99:1 · APCA Lc 51
가장 좋은 글자색: #000000
WCAG 7.99:1 (AAA) · APCA Lc 51
Contrast pairs
코드 스니펫
CSS
:root {
--meadowood: #9da28e;
--meadowood-rgb: 157 162 142;
--meadowood-oklch: oklch(0.702 0.029 118.6);
}
.element {
color: var(--meadowood);
background-color: hsl(75 10% 60%);
border-color: oklch(0.702 0.029 118.6);
}Tailwind CSS v4
@theme {
--color-meadowood: #9da28e;
--color-meadowood-50: #f4f6ed;
--color-meadowood-100: #e6e9df;
--color-meadowood-200: #d2d6c9;
--color-meadowood-300: #b5baaa;
--color-meadowood-400: #9ca18e;
--color-meadowood-500: #848974;
--color-meadowood-600: #707462;
--color-meadowood-700: #595d4e;
--color-meadowood-800: #424439;
--color-meadowood-900: #2d2f27;
--color-meadowood-950: #1a1b15;
}SCSS
$meadowood: #9da28e;
$meadowood-rgb: 157, 162, 142;
$meadowood-light: mix(#fff, $meadowood, 20%);
$meadowood-dark: mix(#000, $meadowood, 20%);
.element {
color: $meadowood;
box-shadow: 0 0 0 2px rgba($meadowood, 0.35);
}