Benannte Farbe · #D2C2B2
Bongo Drum
Bongo Drum ist #D2C2B2: rgb(210 194 178), hsl(30 26% 76%), oklch(0.823 0.028 67.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Bongo Drum color name →
#D2C2B2
oklch(0.823 0.028 67.4)
Farbumrechnungen
- HEX
- #d2c2b2
- RGB
- rgb(210 194 178)
- HSL
- hsl(30 26% 76%)
- HWB
- hwb(30 70% 18%)
- OKLCH
- oklch(0.823 0.028 67.4)
- OKLab
- oklab(0.823 0.011 0.026)
- CIE Lab
- lab(79.45 3.86 10.22)
- LCH
- lch(79.45 10.92 69.3)
- CMYK
- cmyk(0% 8% 15% 18%)
Tints · Shades · Tones
Tints
- D6C8BA
- DBCEC1
- DFD4C9
- E4DAD0
- E8E0D8
- EDE6E0
- F1ECE7
- F6F3EF
- FAF9F7
Shades
- B6A89A
- 9B8F83
- 81776D
- 686057
- 504943
- 39342F
- 24201D
- 100E0C
- 020201
Tones
- CABBAD
- C1B4A8
- B9AEA3
- B0A79E
- A8A099
- A09A94
- 98938F
- 908D8A
- 888685
Farbharmonien
Komplementär +180°
- D2C2B2
Bongo Drum
- B7C7D7
≈ Angelic Blue
Analog -30° +30°
- D2C2B2
Bongo Drum
- D7BFB8
≈ Reindeer
- CAC6B1
≈ Dune Grass
Triadisch +120° +240°
- D2C2B2
Bongo Drum
- B1CBC8
≈ Seaport Steam
- CAC1D4
≈ Powder Viola
Geteilt komplementär +150° +210°
- D2C2B2
Bongo Drum
- B1CAD1
≈ Take Five
- C0C4D8
≈ Lavender Escape
Tetradisch +90° +180° +270°
- D2C2B2
Bongo Drum
- B7CBBE
≈ Matte Jade Green
- B7C7D7
≈ Angelic Blue
- D2BECC
≈ Bassinet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.73:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.09:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 12.09:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--bongo-drum: #d2c2b2;
--bongo-drum-rgb: 210 194 178;
--bongo-drum-oklch: oklch(0.823 0.028 67.4);
}
.element {
color: var(--bongo-drum);
background-color: hsl(30 26% 76%);
border-color: oklch(0.823 0.028 67.4);
}Tailwind CSS v4
@theme {
--color-bongo-drum: #d2c2b2;
--color-bongo-drum-50: #fbf4ed;
--color-bongo-drum-100: #eee6de;
--color-bongo-drum-200: #dcd2c8;
--color-bongo-drum-300: #c1b5a8;
--color-bongo-drum-400: #aa9c8d;
--color-bongo-drum-500: #938372;
--color-bongo-drum-600: #7d6f61;
--color-bongo-drum-700: #64594d;
--color-bongo-drum-800: #494138;
--color-bongo-drum-900: #332c26;
--color-bongo-drum-950: #1f1a15;
}SCSS
$bongo-drum: #d2c2b2;
$bongo-drum-rgb: 210, 194, 178;
$bongo-drum-light: mix(#fff, $bongo-drum, 20%);
$bongo-drum-dark: mix(#000, $bongo-drum, 20%);
.element {
color: $bongo-drum;
box-shadow: 0 0 0 2px rgba($bongo-drum, 0.35);
}