이름 색상 · #9D892E
Parsnip Root
Parsnip Root은(는) #9D892E: rgb(157 137 46), hsl(49 55% 40%), oklch(0.631 0.111 96.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Parsnip Root color name →
#9D892E
oklch(0.631 0.111 96.6)
색상 변환
- HEX
- #9d892e
- RGB
- rgb(157 137 46)
- HSL
- hsl(49 55% 40%)
- HWB
- hwb(49 18% 38%)
- OKLCH
- oklch(0.631 0.111 96.6)
- OKLab
- oklab(0.631 -0.013 0.11)
- CIE Lab
- lab(57.66 0.18 49.24)
- LCH
- lch(57.66 49.24 89.8)
- CMYK
- cmyk(0% 13% 71% 38%)
틴트 · 셰이드 · 톤
틴트
- A69547
- B0A05E
- B9AC72
- C3B887
- CDC39B
- D7CFAF
- E1DBC2
- EBE7D7
- F5F3EB
셰이드
- 887627
- 73641F
- 5F5318
- 4C4212
- 3A310B
- 282206
- 181402
- 090701
- 010100
톤
- 9A883B
- 978845
- 94874E
- 918657
- 8E855F
- 8B8466
- 88836D
- 868273
- 83817A
색 조화
보색 +180°
- 9D892E
Parsnip Root
- 7883CC
≈ Twilight Twinkle
유사색 -30° +30°
- 9D892E
Parsnip Root
- B67B38
≈ Mandalay
- 789647
≈ Emerald Shimmer
삼각 배색 +120° +240°
- 9D892E
Parsnip Root
- 0999B5
≈ Barrier Reef
- B46EA2
≈ Pink Parade
분열 보색 +150° +210°
- 9D892E
Parsnip Root
- 4C8FC9
≈ Azure Blue
- 9B77BE
≈ Purple Pride
사각 배색 +90° +180° +270°
- 9D892E
Parsnip Root
- 009F94
≈ Alhambra
- 7883CC
≈ Twilight Twinkle
- C16B7E
≈ Pink Manhattan
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.47:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.05:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.05:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--parsnip-root: #9d892e;
--parsnip-root-rgb: 157 137 46;
--parsnip-root-oklch: oklch(0.631 0.111 96.6);
}
.element {
color: var(--parsnip-root);
background-color: hsl(49 55% 40%);
border-color: oklch(0.631 0.111 96.6);
}Tailwind CSS v4
@theme {
--color-parsnip-root: #9d892e;
--color-parsnip-root-50: #fdf6d2;
--color-parsnip-root-100: #f1e9bf;
--color-parsnip-root-200: #e0d69f;
--color-parsnip-root-300: #c6b975;
--color-parsnip-root-400: #b19e4c;
--color-parsnip-root-500: #9c8515;
--color-parsnip-root-600: #847116;
--color-parsnip-root-700: #695a12;
--color-parsnip-root-800: #4f410a;
--color-parsnip-root-900: #372d06;
--color-parsnip-root-950: #221a00;
}SCSS
$parsnip-root: #9d892e;
$parsnip-root-rgb: 157, 137, 46;
$parsnip-root-light: mix(#fff, $parsnip-root, 20%);
$parsnip-root-dark: mix(#000, $parsnip-root, 20%);
.element {
color: $parsnip-root;
box-shadow: 0 0 0 2px rgba($parsnip-root, 0.35);
}