Najbliższy nazwany kolor · #9D7C60
#9D7C60
Najbliższy nazwany kolor: Mulled Cider
#9D7C60 (rgb(157 124 96), hsl(28 24% 50%), oklch(0.611 0.057 61.7)) jest najbliższy nazwanemu kolorowi Mulled Cider. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#9D7C60
oklch(0.611 0.057 61.7)
Konwersje koloru
- HEX
- #9d7c60
- RGB
- rgb(157 124 96)
- HSL
- hsl(28 24% 50%)
- HWB
- hwb(28 38% 38%)
- OKLCH
- oklch(0.611 0.057 61.7)
- OKLab
- oklab(0.611 0.027 0.051)
- CIE Lab
- lab(54.72 10.29 20.45)
- LCH
- lch(54.72 22.89 63.3)
- CMYK
- cmyk(0% 21% 39% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A7886F
- B0957E
- BAA28E
- C4AF9D
- CEBCAD
- D7C9BD
- E1D6CD
- EBE4DE
- F5F1EE
Odcienie ciemniejsze
- 886B52
- 735A45
- 5F4A38
- 4C3B2C
- 3A2C20
- 281E15
- 18110A
- 090503
- 010100
Tony
- 9A7D63
- 977D67
- 957D6A
- 927E6D
- 8F7E71
- 8C7F74
- 897F77
- 867F7A
- 83807D
Harmonie kolorów
Komplementarna +180°
- 9D7C60
Mulled Cider
- 6588A3
≈ Moody Indigo
Analogowa -30° +30°
- 9D7C60
Mulled Cider
- A3776E
≈ Autumn Russet
- 90835B
≈ Wood Chi
Triada +120° +240°
- 9D7C60
Mulled Cider
- 5B8F86
≈ Chlorite
- 897CA1
≈ Second Pour
Komplementarna rozszczepiona +150° +210°
- 9D7C60
Mulled Cider
- 598D97
≈ Cabana Blue
- 7782A7
≈ Positively Purple
Tetrada +90° +180° +270°
- 9D7C60
Mulled Cider
- 6A8E72
≈ Laurel
- 6588A3
≈ Moody Indigo
- 987793
≈ Rebel Rouser
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.82:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.48:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.48:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--mulled-cider: #9d7c60;
--mulled-cider-rgb: 157 124 96;
--mulled-cider-oklch: oklch(0.611 0.057 61.7);
}
.element {
color: var(--mulled-cider);
background-color: hsl(28 24% 50%);
border-color: oklch(0.611 0.057 61.7);
}Tailwind CSS v4
@theme {
--color-mulled-cider: #9d7c60;
--color-mulled-cider-50: #fff2e5;
--color-mulled-cider-100: #f6e4d5;
--color-mulled-cider-200: #e6d0bc;
--color-mulled-cider-300: #cdb29a;
--color-mulled-cider-400: #b8977c;
--color-mulled-cider-500: #a27e5f;
--color-mulled-cider-600: #896b51;
--color-mulled-cider-700: #6e5540;
--color-mulled-cider-800: #513e2e;
--color-mulled-cider-900: #392a1f;
--color-mulled-cider-950: #23180f;
}SCSS
$mulled-cider: #9d7c60;
$mulled-cider-rgb: 157, 124, 96;
$mulled-cider-light: mix(#fff, $mulled-cider, 20%);
$mulled-cider-dark: mix(#000, $mulled-cider, 20%);
.element {
color: $mulled-cider;
box-shadow: 0 0 0 2px rgba($mulled-cider, 0.35);
}