Benoemde kleur · #BB9683
Spiced Brandy
Spiced Brandy is #BB9683: rgb(187 150 131), hsl(20 29% 62%), oklch(0.702 0.052 48.6). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Spiced Brandy color name →
#BB9683
oklch(0.702 0.052 48.6)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- C2A08F
- C9AA9B
- D0B5A7
- D6BFB3
- DDCAC0
- E4D4CC
- EBDFD9
- F2E9E5
- F8F4F2
Schaduwen
- A28271
- 8A6E60
- 735B4F
- 5C493F
- 46372F
- 322620
- 1F1612
- 0D0806
- 020101
Tonen
- B59483
- AF9283
- A99082
- A38D82
- 9E8B82
- 988982
- 928781
- 8C8581
- 868280
Kleurharmonieën
Complementair +180°
- BB9683
Spiced Brandy
- 7DA6B9
≈ Inner Sanctum
Analoog -30° +30°
- BB9683
Spiced Brandy
- BE9392
≈ Mutabilis
- B19C7B
≈ Sand Pebble
Triadisch +120° +240°
- BB9683
Spiced Brandy
- 7FAA99
≈ Catnip
- 9D9ABE
≈ Grape Gatsby
Gesplitst complementair +150° +210°
- BB9683
Spiced Brandy
- 78A9AB
≈ Pompeius Blue
- 8CA0C0
≈ Windy City
Tetradisch +90° +180° +270°
- BB9683
Spiced Brandy
- 8FA788
≈ Alga Moss
- 7DA6B9
≈ Inner Sanctum
- AD95B4
≈ Glossy Grape
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.69:1 · APCA Lc 52
Ag
AAAOp zwart
WCAG 7.80:1 · APCA Lc 50
Beste tekstkleur: #000000
WCAG 7.80:1 (AAA) · APCA Lc 50
Contrast pairs
Codefragmenten
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);
}