Najbliższy nazwany kolor · #9D6853
#9D6853
Najbliższy nazwany kolor: Hot Cacao
#9D6853 (rgb(157 104 83), hsl(17 31% 47%), oklch(0.568 0.076 42.4)) jest najbliższy nazwanemu kolorowi Hot Cacao. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#9D6853
oklch(0.568 0.076 42.4)
Konwersje koloru
- HEX
- #9d6853
- RGB
- rgb(157 104 83)
- HSL
- hsl(17 31% 47%)
- HWB
- hwb(17 33% 38%)
- OKLCH
- oklch(0.568 0.076 42.4)
- OKLab
- oklab(0.568 0.056 0.051)
- CIE Lab
- lab(49.44 20.06 20.98)
- LCH
- lch(49.44 29.03 46.3)
- CMYK
- cmyk(0% 34% 47% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A77663
- B18574
- BB9484
- C5A295
- CFB1A6
- D9C1B7
- E2D0C9
- ECDFDB
- F5EFED
Odcienie ciemniejsze
- 885947
- 734B3B
- 5F3E30
- 4C3025
- 3A241B
- 281811
- 180C08
- 090402
- 010000
Tony
- 9B6B58
- 986D5C
- 957061
- 937266
- 90756A
- 8D776F
- 8A7973
- 877C77
- 837E7C
Harmonie kolorów
Komplementarna +180°
- 9D6853
Hot Cacao
- 3E8197
≈ Wipeout
Analogowa -30° +30°
- 9D6853
Hot Cacao
- 9E646B
≈ Spring Rosewood
- 927043
≈ Grog Yellow
Triada +120° +240°
- 9D6853
Hot Cacao
- 4A856A
≈ Herb Blend
- 7071A3
≈ Mountain Flower Mauve
Komplementarna rozszczepiona +150° +210°
- 9D6853
Hot Cacao
- 388583
≈ Emu Egg
- 567AA3
≈ Montreux Blue
Tetrada +90° +180° +270°
- 9D6853
Hot Cacao
- 668152
≈ Kale
- 3E8197
≈ Wipeout
- 866A97
≈ Mirabella
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.62:1 · APCA Lc 72
Ag
AANa czerni
WCAG 4.53:1 · APCA Lc 30
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--hot-cacao: #9d6853;
--hot-cacao-rgb: 157 104 83;
--hot-cacao-oklch: oklch(0.568 0.076 42.4);
}
.element {
color: var(--hot-cacao);
background-color: hsl(17 31% 47%);
border-color: oklch(0.568 0.076 42.4);
}Tailwind CSS v4
@theme {
--color-hot-cacao: #9d6853;
--color-hot-cacao-50: #ffefe4;
--color-hot-cacao-100: #ffe1d4;
--color-hot-cacao-200: #f1cbba;
--color-hot-cacao-300: #d9ac98;
--color-hot-cacao-400: #c5907b;
--color-hot-cacao-500: #b1755e;
--color-hot-cacao-600: #956450;
--color-hot-cacao-700: #784f3f;
--color-hot-cacao-800: #59392e;
--color-hot-cacao-900: #3e271f;
--color-hot-cacao-950: #27150f;
}SCSS
$hot-cacao: #9d6853;
$hot-cacao-rgb: 157, 104, 83;
$hot-cacao-light: mix(#fff, $hot-cacao, 20%);
$hot-cacao-dark: mix(#000, $hot-cacao, 20%);
.element {
color: $hot-cacao;
box-shadow: 0 0 0 2px rgba($hot-cacao, 0.35);
}