Nazwany kolor · #9D892E
Parsnip Root
Parsnip Root to #9D892E: rgb(157 137 46), hsl(49 55% 40%), oklch(0.631 0.111 96.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Parsnip Root color name →
#9D892E
oklch(0.631 0.111 96.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A69547
- B0A05E
- B9AC72
- C3B887
- CDC39B
- D7CFAF
- E1DBC2
- EBE7D7
- F5F3EB
Odcienie ciemniejsze
- 887627
- 73641F
- 5F5318
- 4C4212
- 3A310B
- 282206
- 181402
- 090701
- 010100
Tony
- 9A883B
- 978845
- 94874E
- 918657
- 8E855F
- 8B8466
- 88836D
- 868273
- 83817A
Harmonie kolorów
Komplementarna +180°
- 9D892E
Parsnip Root
- 7883CC
≈ Twilight Twinkle
Analogowa -30° +30°
- 9D892E
Parsnip Root
- B67B38
≈ Mandalay
- 789647
≈ Emerald Shimmer
Triada +120° +240°
- 9D892E
Parsnip Root
- 0999B5
≈ Barrier Reef
- B46EA2
≈ Pink Parade
Komplementarna rozszczepiona +150° +210°
- 9D892E
Parsnip Root
- 4C8FC9
≈ Azure Blue
- 9B77BE
≈ Purple Pride
Tetrada +90° +180° +270°
- 9D892E
Parsnip Root
- 009F94
≈ Alhambra
- 7883CC
≈ Twilight Twinkle
- C16B7E
≈ Pink Manhattan
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.47:1 · APCA Lc 62
Ag
AANa czerni
WCAG 6.05:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.05:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
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);
}