Colore con nome · #DBC7A8
Believable Buff
Believable Buff è #DBC7A8: rgb(219 199 168), hsl(36 41% 76%), oklch(0.838 0.047 78.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Believable Buff color name →
#DBC7A8
oklch(0.838 0.047 78.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- DFCDB1
- E2D2B9
- E6D8C2
- E9DDCB
- EDE3D3
- F1E8DC
- F4EEE5
- F8F4ED
- FBF9F6
Ombre
- BEAD92
- A2937C
- 877A67
- 6D6252
- 544C3F
- 3C362C
- 26211A
- 110E0A
- 020201
Toni
- D2C0A4
- C8B8A0
- BFB19C
- B6AA98
- ACA394
- A39C90
- 9A958C
- 928E88
- 898784
Armonie di colore
Complementare +180°
- DBC7A8
Believable Buff
- B8CBE9
≈ Cuddle
Analogo -30° +30°
- DBC7A8
Believable Buff
- E5C2B0
≈ Calico Rose
- CCCDAA
≈ Crisp Celery
Triadico +120° +240°
- DBC7A8
Believable Buff
- A7D4D5
≈ Iced Aqua
- D8C1DE
≈ New Violet
Complementare divisa +150° +210°
- DBC7A8
Believable Buff
- ABD1E3
≈ Light Bobby Blue
- C8C6E8
≈ Powdered Granite
Tetradico +90° +180° +270°
- DBC7A8
Believable Buff
- ADD4C5
≈ Feeling Lucky
- B8CBE9
≈ Cuddle
- E3BECF
≈ Pink Mist
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.64:1 · APCA Lc 29
Ag
AAASu nero
WCAG 12.74:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.74:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
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);
}