Benannte Farbe · #C6BB9C
Beach Dune
Beach Dune ist #C6BB9C: rgb(198 187 156), hsl(44 27% 69%), oklch(0.793 0.044 90.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Beach Dune color name →
#C6BB9C
oklch(0.793 0.044 90.8)
Farbumrechnungen
- HEX
- #c6bb9c
- RGB
- rgb(198 187 156)
- HSL
- hsl(44 27% 69%)
- HWB
- hwb(44 61% 22%)
- OKLCH
- oklch(0.793 0.044 90.8)
- OKLab
- oklab(0.793 -0.001 0.044)
- CIE Lab
- lab(76.19 0.3 17.25)
- LCH
- lch(76.19 17.25 89)
- CMYK
- cmyk(0% 6% 21% 22%)
Tints · Shades · Tones
Tints
- CCC2A6
- D1C8AF
- D7CFB9
- DCD6C3
- E2DDCD
- E8E3D7
- EEEAE1
- F3F1EB
- F9F8F5
Shades
- ACA287
- 928A73
- 7A735F
- 625C4C
- 4B4639
- 353228
- 211F18
- 0E0D09
- 020201
Tones
- BFB599
- B8AF97
- B0A994
- A9A391
- A29D8E
- 9B978B
- 949189
- 8E8C86
- 878683
Farbharmonien
Komplementär +180°
- C6BB9C
Beach Dune
- B1BBD9
≈ Lilac Flare
Analog -30° +30°
- C6BB9C
Beach Dune
- D1B6A0
≈ Soba
- B7C0A1
≈ Chopped Dill
Triadisch +120° +240°
- C6BB9C
Beach Dune
- 9CC4CC
≈ Alluring Blue
- CDB2C9
≈ Janey’s Party
Geteilt komplementär +150° +210°
- C6BB9C
Beach Dune
- A3C0D6
≈ Simpatico Blue
- C0B6D4
≈ Plumeria
Tetradisch +90° +180° +270°
- C6BB9C
Beach Dune
- 9DC5BD
≈ New-Age Green
- B1BBD9
≈ Lilac Flare
- D5B0BA
≈ Iced Watermelon
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.91:1 · APCA Lc 36
Ag
AAAAuf Schwarz
WCAG 10.98:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 10.98:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--beach-dune: #c6bb9c;
--beach-dune-rgb: 198 187 156;
--beach-dune-oklch: oklch(0.793 0.044 90.8);
}
.element {
color: var(--beach-dune);
background-color: hsl(44 27% 69%);
border-color: oklch(0.793 0.044 90.8);
}Tailwind CSS v4
@theme {
--color-beach-dune: #c6bb9c;
--color-beach-dune-50: #f9f5e7;
--color-beach-dune-100: #ede8d8;
--color-beach-dune-200: #dbd4c0;
--color-beach-dune-300: #bfb79f;
--color-beach-dune-400: #a89e81;
--color-beach-dune-500: #918565;
--color-beach-dune-600: #7b7156;
--color-beach-dune-700: #625a44;
--color-beach-dune-800: #484231;
--color-beach-dune-900: #322d21;
--color-beach-dune-950: #1e1a11;
}SCSS
$beach-dune: #c6bb9c;
$beach-dune-rgb: 198, 187, 156;
$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);
}