Benannte Farbe · #DBC7A8
Believable Buff
Believable Buff ist #DBC7A8: rgb(219 199 168), hsl(36 41% 76%), oklch(0.838 0.047 78.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Believable Buff color name →
#DBC7A8
oklch(0.838 0.047 78.8)
Farbumrechnungen
- HEX
- #dbc7a8
- RGB
- rgb(219 199 168)
- HSL
- hsl(36 41% 76%)
- HWB
- hwb(36 66% 14%)
- OKLCH
- oklch(0.838 0.047 78.8)
- OKLab
- oklab(0.838 0.009 0.046)
- CIE Lab
- lab(81.33 3.7 18.27)
- LCH
- lch(81.33 18.64 78.6)
- CMYK
- cmyk(0% 9% 23% 14%)
Tints · Shades · Tones
Tints
- DFCDB1
- E2D2B9
- E6D8C2
- E9DDCB
- EDE3D3
- F1E8DC
- F4EEE5
- F8F4ED
- FBF9F6
Shades
- BEAD92
- A2937C
- 877A67
- 6D6252
- 544C3F
- 3C362C
- 26211A
- 110E0A
- 020201
Tones
- D2C0A4
- C8B8A0
- BFB19C
- B6AA98
- ACA394
- A39C90
- 9A958C
- 928E88
- 898784
Farbharmonien
Komplementär +180°
- DBC7A8
Believable Buff
- B8CBE9
≈ Cuddle
Analog -30° +30°
- DBC7A8
Believable Buff
- E5C2B0
≈ Calico Rose
- CCCDAA
≈ Crisp Celery
Triadisch +120° +240°
- DBC7A8
Believable Buff
- A7D4D5
≈ Iced Aqua
- D8C1DE
≈ New Violet
Geteilt komplementär +150° +210°
- DBC7A8
Believable Buff
- ABD1E3
≈ Light Bobby Blue
- C8C6E8
≈ Powdered Granite
Tetradisch +90° +180° +270°
- DBC7A8
Believable Buff
- ADD4C5
≈ Feeling Lucky
- B8CBE9
≈ Cuddle
- E3BECF
≈ Pink Mist
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.64:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.74:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.74:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--believable-buff: #dbc7a8;
--believable-buff-rgb: 219 199 168;
--believable-buff-oklch: oklch(0.838 0.047 78.8);
}
.element {
color: var(--believable-buff);
background-color: hsl(36 41% 76%);
border-color: oklch(0.838 0.047 78.8);
}Tailwind CSS v4
@theme {
--color-believable-buff: #dbc7a8;
--color-believable-buff-50: #fcf4e6;
--color-believable-buff-100: #f0e7d7;
--color-believable-buff-200: #dfd3be;
--color-believable-buff-300: #c4b59d;
--color-believable-buff-400: #ae9c7f;
--color-believable-buff-500: #978363;
--color-believable-buff-600: #806f54;
--color-believable-buff-700: #665943;
--color-believable-buff-800: #4c4030;
--color-believable-buff-900: #352c20;
--color-believable-buff-950: #201910;
}SCSS
$believable-buff: #dbc7a8;
$believable-buff-rgb: 219, 199, 168;
$believable-buff-light: mix(#fff, $believable-buff, 20%);
$believable-buff-dark: mix(#000, $believable-buff, 20%);
.element {
color: $believable-buff;
box-shadow: 0 0 0 2px rgba($believable-buff, 0.35);
}