Nearest named color · #BCB297
#BCB297
Nearest named color: Beach Dune
#BCB297 (rgb(188 178 151), hsl(44 22% 66%), oklch(0.765 0.039 90.1)) is closest to the named color Beach Dune. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#BCB297
oklch(0.765 0.039 90.1)
Color conversions
- HEX
- #bcb297
- RGB
- rgb(188 178 151)
- HSL
- hsl(44 22% 66%)
- HWB
- hwb(44 59% 26%)
- OKLCH
- oklch(0.765 0.039 90.1)
- OKLab
- oklab(0.765 0 0.039)
- CIE Lab
- lab(72.88 0.38 15.21)
- LCH
- lch(72.88 15.22 88.6)
- CMYK
- cmyk(0% 5% 20% 26%)
Tints · Shades · Tones
Tints
- C3BAA1
- C9C1AB
- D0C9B6
- D6D0C0
- DDD8CA
- E4E0D5
- EBE7DF
- F1EFEA
- F8F7F4
Shades
- A39A83
- 8B836F
- 736D5C
- 5D5749
- 474337
- 322F26
- 1F1D17
- 0D0C08
- 020101
Tones
- B6AD95
- B0A893
- AAA390
- A49E8E
- 9D998C
- 989489
- 928F87
- 8C8A85
- 868582
Color harmonies
Complementary +180°
- BCB297
Beach Dune
- A9B2CC
≈ Kentucky Blue
Analogous -30° +30°
- BCB297
Beach Dune
- C6AD9A
≈ California Stucco
- AFB79B
≈ Foille
Triadic +120° +240°
- BCB297
Beach Dune
- 97BAC0
≈ Casual Day
- C1AABE
≈ Lavender Frost
Split-complementary +150° +210°
- BCB297
Beach Dune
- 9DB6C9
≈ Country Air
- B6ADC8
≈ Lavender Dream
Tetradic +90° +180° +270°
- BCB297
Beach Dune
- 99BBB3
≈ Lap Pool Blue
- A9B2CC
≈ Kentucky Blue
- C9A9B1
≈ Dutchess Dawn
Contrast & accessibility
Ag
FailOn white
WCAG 2.10:1 · APCA Lc 41
Ag
AAAOn black
WCAG 9.95:1 · APCA Lc 61
Best text color: #000000
WCAG 9.95:1 (AAA) · APCA Lc 61
Contrast pairs
Code snippets
CSS
:root {
--beach-dune: #bcb297;
--beach-dune-rgb: 188 178 151;
--beach-dune-oklch: oklch(0.765 0.039 90.1);
}
.element {
color: var(--beach-dune);
background-color: hsl(44 22% 66%);
border-color: oklch(0.765 0.039 90.1);
}Tailwind CSS v4
@theme {
--color-beach-dune: #bcb297;
--color-beach-dune-50: #f9f5e9;
--color-beach-dune-100: #ece8da;
--color-beach-dune-200: #dad4c2;
--color-beach-dune-300: #beb7a1;
--color-beach-dune-400: #a79e85;
--color-beach-dune-500: #908569;
--color-beach-dune-600: #7a7159;
--color-beach-dune-700: #615a47;
--color-beach-dune-800: #484233;
--color-beach-dune-900: #322d23;
--color-beach-dune-950: #1e1a12;
}SCSS
$beach-dune: #bcb297;
$beach-dune-rgb: 188, 178, 151;
$beach-dune-light: mix(#fff, $beach-dune, 20%);
$beach-dune-dark: mix(#000, $beach-dune, 20%);
.element {
color: $beach-dune;
box-shadow: 0 0 0 2px rgba($beach-dune, 0.35);
}