Nearest named color · #BB9461
#BB9461
Nearest named color: Chalet
#BB9461 (rgb(187 148 97), hsl(34 40% 56%), oklch(0.691 0.082 73.2)) is closest to the named color Chalet. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#BB9461
oklch(0.691 0.082 73.2)
Color conversions
- HEX
- #bb9461
- RGB
- rgb(187 148 97)
- HSL
- hsl(34 40% 56%)
- HWB
- hwb(34 38% 27%)
- OKLCH
- oklch(0.691 0.082 73.2)
- OKLab
- oklab(0.691 0.024 0.079)
- CIE Lab
- lab(64.17 10.37 32.75)
- LCH
- lch(64.17 34.35 72.4)
- CMYK
- cmyk(0% 21% 48% 27%)
Tints · Shades · Tones
Tints
- C29E71
- C9A981
- D0B490
- D6BEA0
- DDC9AF
- E4D4BF
- EBDECF
- F2E9DF
- F8F4EF
Shades
- A28053
- 8A6D46
- 735A39
- 5C482D
- 463621
- 322615
- 1F160B
- 0D0803
- 020100
Tones
- B59265
- AF9069
- A98E6C
- A38C6F
- 9E8A73
- 988876
- 928678
- 8C847B
- 86827E
Color harmonies
Complementary +180°
- BB9461
Chalet
- 779FCE
≈ Blue Lechery
Analogous -30° +30°
- BB9461
Chalet
- C88B72
≈ Subdued Sienna
- A59E61
≈ Acacia Tree
Triadic +120° +240°
- BB9461
Chalet
- 57ACAA
≈ Emerald Succulent
- AE8DC0
≈ East Side
Split-complementary +150° +210°
- BB9461
Chalet
- 5EA7C1
≈ Pottery Blue
- 9495CE
≈ Litmus
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.79:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.52:1 · APCA Lc 48
Best text color: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--chalet: #bb9461;
--chalet-rgb: 187 148 97;
--chalet-oklch: oklch(0.691 0.082 73.2);
}
.element {
color: var(--chalet);
background-color: hsl(34 40% 56%);
border-color: oklch(0.691 0.082 73.2);
}Tailwind CSS v4
@theme {
--color-chalet: #bb9461;
--color-chalet-50: #fff2dc;
--color-chalet-100: #f8e5ca;
--color-chalet-200: #e9d0ae;
--color-chalet-300: #d0b288;
--color-chalet-400: #bc9767;
--color-chalet-500: #a77d44;
--color-chalet-600: #8d6a3b;
--color-chalet-700: #71552f;
--color-chalet-800: #543d21;
--color-chalet-900: #3b2a16;
--color-chalet-950: #251807;
}SCSS
$chalet: #bb9461;
$chalet-rgb: 187, 148, 97;
$chalet-light: mix(#fff, $chalet, 20%);
$chalet-dark: mix(#000, $chalet, 20%);
.element {
color: $chalet;
box-shadow: 0 0 0 2px rgba($chalet, 0.35);
}