Nazwany kolor · #D3BB96
Smooth Beech
Smooth Beech to #D3BB96: rgb(211 187 150), hsl(36 41% 71%), oklch(0.803 0.057 78.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Smooth Beech color name →
#D3BB96
oklch(0.803 0.057 78.5)
Konwersje koloru
- HEX
- #d3bb96
- RGB
- rgb(211 187 150)
- HSL
- hsl(36 41% 71%)
- HWB
- hwb(36 59% 17%)
- OKLCH
- oklch(0.803 0.057 78.5)
- OKLab
- oklab(0.803 0.011 0.056)
- CIE Lab
- lab(77.26 4.75 22.11)
- LCH
- lch(77.26 22.62 77.9)
- CMYK
- cmyk(0% 11% 29% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D7C2A0
- DCC8AB
- E0CFB5
- E5D6C0
- E9DDCA
- EDE4D5
- F2EADF
- F6F1EA
- FBF8F4
Odcienie ciemniejsze
- B7A282
- 9C8A6E
- 82735B
- 695C49
- 514637
- 3A3226
- 241F16
- 100D08
- 020201
Tony
- CAB594
- C2AF92
- B9A990
- B1A38E
- A99D8C
- A09789
- 989187
- 908C85
- 888682
Harmonie kolorów
Komplementarna +180°
- D3BB96
Smooth Beech
- A9C0E4
≈ Promise
Analogowa -30° +30°
- D3BB96
Smooth Beech
- DEB59F
≈ Mesa Sand
- C1C298
≈ Green Mist
Triada +120° +240°
- D3BB96
Smooth Beech
- 94CACC
≈ Jellyfish Blue
- CFB4D7
≈ Confectionary
Komplementarna rozszczepiona +150° +210°
- D3BB96
Smooth Beech
- 99C7DC
≈ Bobby Blue
- BDBAE2
≈ Pretty Posie
Tetrada +90° +180° +270°
- D3BB96
Smooth Beech
- 9BCBB8
≈ Mint Twist
- A9C0E4
≈ Promise
- DCB0C5
≈ Private-Label Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.85:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.31:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.31:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
CSS
:root {
--smooth-beech: #d3bb96;
--smooth-beech-rgb: 211 187 150;
--smooth-beech-oklch: oklch(0.803 0.057 78.5);
}
.element {
color: var(--smooth-beech);
background-color: hsl(36 41% 71%);
border-color: oklch(0.803 0.057 78.5);
}Tailwind CSS v4
@theme {
--color-smooth-beech: #d3bb96;
--color-smooth-beech-50: #fef4e3;
--color-smooth-beech-100: #f2e6d3;
--color-smooth-beech-200: #e1d2ba;
--color-smooth-beech-300: #c7b597;
--color-smooth-beech-400: #b19b79;
--color-smooth-beech-500: #9b825b;
--color-smooth-beech-600: #836e4d;
--color-smooth-beech-700: #69583e;
--color-smooth-beech-800: #4e402c;
--color-smooth-beech-900: #362c1e;
--color-smooth-beech-950: #21190e;
}SCSS
$smooth-beech: #d3bb96;
$smooth-beech-rgb: 211, 187, 150;
$smooth-beech-light: mix(#fff, $smooth-beech, 20%);
$smooth-beech-dark: mix(#000, $smooth-beech, 20%);
.element {
color: $smooth-beech;
box-shadow: 0 0 0 2px rgba($smooth-beech, 0.35);
}