Warna bernama · #BB9683
Spiced Brandy
Spiced Brandy adalah #BB9683: rgb(187 150 131), hsl(20 29% 62%), oklch(0.702 0.052 48.6). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Orange mean? → · Spiced Brandy color name →
#BB9683
oklch(0.702 0.052 48.6)
Konversi warna
- HEX
- #bb9683
- RGB
- rgb(187 150 131)
- HSL
- hsl(20 29% 62%)
- HWB
- hwb(20 51% 27%)
- OKLCH
- oklch(0.702 0.052 48.6)
- OKLab
- oklab(0.702 0.035 0.039)
- CIE Lab
- lab(65.2 12.24 15.58)
- LCH
- lch(65.2 19.81 51.9)
- CMYK
- cmyk(0% 20% 30% 27%)
Tint · Shade · Tone
Tint
- C2A08F
- C9AA9B
- D0B5A7
- D6BFB3
- DDCAC0
- E4D4CC
- EBDFD9
- F2E9E5
- F8F4F2
Shade
- A28271
- 8A6E60
- 735B4F
- 5C493F
- 46372F
- 322620
- 1F1612
- 0D0806
- 020101
Tone
- B59483
- AF9283
- A99082
- A38D82
- 9E8B82
- 988982
- 928781
- 8C8581
- 868280
Harmoni warna
Komplementer +180°
- BB9683
Spiced Brandy
- 7DA6B9
≈ Inner Sanctum
Analog -30° +30°
- BB9683
Spiced Brandy
- BE9392
≈ Mutabilis
- B19C7B
≈ Sand Pebble
Triadik +120° +240°
- BB9683
Spiced Brandy
- 7FAA99
≈ Catnip
- 9D9ABE
≈ Grape Gatsby
Split-komplementer +150° +210°
- BB9683
Spiced Brandy
- 78A9AB
≈ Pompeius Blue
- 8CA0C0
≈ Windy City
Tetradik +90° +180° +270°
- BB9683
Spiced Brandy
- 8FA788
≈ Alga Moss
- 7DA6B9
≈ Inner Sanctum
- AD95B4
≈ Glossy Grape
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.69:1 · APCA Lc 52
Ag
AAADi atas hitam
WCAG 7.80:1 · APCA Lc 50
Warna teks terbaik: #000000
WCAG 7.80:1 (AAA) · APCA Lc 50
Contrast pairs
Cuplikan kode
CSS
:root {
--spiced-brandy: #bb9683;
--spiced-brandy-rgb: 187 150 131;
--spiced-brandy-oklch: oklch(0.702 0.052 48.6);
}
.element {
color: var(--spiced-brandy);
background-color: hsl(20 29% 62%);
border-color: oklch(0.702 0.052 48.6);
}Tailwind CSS v4
@theme {
--color-spiced-brandy: #bb9683;
--color-spiced-brandy-50: #fff1e8;
--color-spiced-brandy-100: #f7e3d9;
--color-spiced-brandy-200: #e8cec1;
--color-spiced-brandy-300: #ceb0a0;
--color-spiced-brandy-400: #b99684;
--color-spiced-brandy-500: #a37c68;
--color-spiced-brandy-600: #8a6958;
--color-spiced-brandy-700: #6f5446;
--color-spiced-brandy-800: #523d33;
--color-spiced-brandy-900: #392a23;
--color-spiced-brandy-950: #231712;
}SCSS
$spiced-brandy: #bb9683;
$spiced-brandy-rgb: 187, 150, 131;
$spiced-brandy-light: mix(#fff, $spiced-brandy, 20%);
$spiced-brandy-dark: mix(#000, $spiced-brandy, 20%);
.element {
color: $spiced-brandy;
box-shadow: 0 0 0 2px rgba($spiced-brandy, 0.35);
}