Nazwany kolor · #8D7560
Belgian Sweet
Belgian Sweet to #8D7560: rgb(141 117 96), hsl(28 19% 46%), oklch(0.58 0.043 63). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Belgian Sweet color name →
#8D7560
oklch(0.58 0.043 63)
Konwersje koloru
- HEX
- #8d7560
- RGB
- rgb(141 117 96)
- HSL
- hsl(28 19% 46%)
- HWB
- hwb(28 38% 45%)
- OKLCH
- oklch(0.58 0.043 63)
- OKLab
- oklab(0.58 0.02 0.038)
- CIE Lab
- lab(51.14 7.27 15.31)
- LCH
- lch(51.14 16.95 64.6)
- CMYK
- cmyk(0% 17% 32% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 98826F
- A38F7E
- AE9D8D
- BAAA9D
- C5B8AD
- D0C6BD
- DCD4CD
- E7E2DD
- F3F0EE
Odcienie ciemniejsze
- 7A6552
- 675545
- 554638
- 44372C
- 332920
- 231C15
- 140F0A
- 070503
- 010100
Tony
- 8C7663
- 8B7767
- 89786A
- 887A6D
- 877B70
- 857C73
- 847D77
- 837E7A
- 817F7D
Harmonie kolorów
Komplementarna +180°
- 8D7560
Belgian Sweet
- 647E92
≈ Pier 17 Steel
Analogowa -30° +30°
- 8D7560
Belgian Sweet
- 92716A
≈ Prairie Dog
- 837A5D
≈ Aloe
Triada +120° +240°
- 8D7560
Belgian Sweet
- 5D837C
≈ Greenella
- 7F7490
≈ Batik Lilac
Komplementarna rozszczepiona +150° +210°
- 8D7560
Belgian Sweet
- 5C8189
≈ La Pineta
- 717994
≈ Royal Fortune
Tetrada +90° +180° +270°
- 8D7560
Belgian Sweet
- 67826E
≈ Wild Beet Leaf
- 647E92
≈ Pier 17 Steel
- 8A7185
≈ Sapphire Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.33:1 · APCA Lc 70
Ag
AANa czerni
WCAG 4.84:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.84:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
CSS
:root {
--belgian-sweet: #8d7560;
--belgian-sweet-rgb: 141 117 96;
--belgian-sweet-oklch: oklch(0.58 0.043 63);
}
.element {
color: var(--belgian-sweet);
background-color: hsl(28 19% 46%);
border-color: oklch(0.58 0.043 63);
}Tailwind CSS v4
@theme {
--color-belgian-sweet: #8d7560;
--color-belgian-sweet-50: #fef3e9;
--color-belgian-sweet-100: #f2e5d9;
--color-belgian-sweet-200: #e2d1c2;
--color-belgian-sweet-300: #c7b3a1;
--color-belgian-sweet-400: #b19985;
--color-belgian-sweet-500: #9b8069;
--color-belgian-sweet-600: #836d59;
--color-belgian-sweet-700: #695747;
--color-belgian-sweet-800: #4e3f33;
--color-belgian-sweet-900: #362b23;
--color-belgian-sweet-950: #211912;
}SCSS
$belgian-sweet: #8d7560;
$belgian-sweet-rgb: 141, 117, 96;
$belgian-sweet-light: mix(#fff, $belgian-sweet, 20%);
$belgian-sweet-dark: mix(#000, $belgian-sweet, 20%);
.element {
color: $belgian-sweet;
box-shadow: 0 0 0 2px rgba($belgian-sweet, 0.35);
}