Colore con nome · #AD8177
Smoke Bush Rose
Smoke Bush Rose è #AD8177: rgb(173 129 119), hsl(11 25% 57%), oklch(0.643 0.057 33.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Smoke Bush Rose color name →
#AD8177
oklch(0.643 0.057 33.1)
Conversioni di colore
- HEX
- #ad8177
- RGB
- rgb(173 129 119)
- HSL
- hsl(11 25% 57%)
- HWB
- hwb(11 47% 32%)
- OKLCH
- oklch(0.643 0.057 33.1)
- OKLab
- oklab(0.643 0.048 0.031)
- CIE Lab
- lab(58.18 16.46 12.41)
- LCH
- lch(58.18 20.61 37)
- CMYK
- cmyk(0% 25% 31% 32%)
Tinte · Ombre · Toni
Tinte
- B58D84
- BE9991
- C6A69E
- CEB2AB
- D6BEB9
- DFCBC7
- E7D8D5
- EFE5E3
- F7F2F1
Ombre
- 966F67
- 7F5E57
- 6A4E47
- 553E38
- 412E2A
- 2D1F1C
- 1B1210
- 0B0605
- 010101
Toni
- A98178
- A48179
- A0817A
- 9B817B
- 97817C
- 93817D
- 8E817D
- 89807E
- 85807F
Armonie di colore
Complementare +180°
- AD8177
Smoke Bush Rose
- 6497A2
≈ Shore Water
Analogo -30° +30°
- AD8177
Smoke Bush Rose
- AC7F8A
≈ Silken Raspberry
- A68669
≈ Sandal
Triadico +120° +240°
- AD8177
Smoke Bush Rose
- 73987D
≈ Douglas Fir Green
- 818BB1
≈ Skysail Blue
Complementare divisa +150° +210°
- AD8177
Smoke Bush Rose
- 659990
≈ Goose Pond Green
- 6F92AE
≈ Aragonite Blue
Tetradico +90° +180° +270°
- AD8177
Smoke Bush Rose
- 86936D
≈ Cider Pear Green
- 6497A2
≈ Shore Water
- 9485AA
≈ Purple Phantom
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.39:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.18:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.18:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--smoke-bush-rose: #ad8177;
--smoke-bush-rose-rgb: 173 129 119;
--smoke-bush-rose-oklch: oklch(0.643 0.057 33.1);
}
.element {
color: var(--smoke-bush-rose);
background-color: hsl(11 25% 57%);
border-color: oklch(0.643 0.057 33.1);
}Tailwind CSS v4
@theme {
--color-smoke-bush-rose: #ad8177;
--color-smoke-bush-rose-50: #fff0ea;
--color-smoke-bush-rose-100: #fae2db;
--color-smoke-bush-rose-200: #ebccc4;
--color-smoke-bush-rose-300: #d3aea4;
--color-smoke-bush-rose-400: #be9389;
--color-smoke-bush-rose-500: #a8796e;
--color-smoke-bush-rose-600: #8e665d;
--color-smoke-bush-rose-700: #72524a;
--color-smoke-bush-rose-800: #543b36;
--color-smoke-bush-rose-900: #3b2925;
--color-smoke-bush-rose-950: #251614;
}SCSS
$smoke-bush-rose: #ad8177;
$smoke-bush-rose-rgb: 173, 129, 119;
$smoke-bush-rose-light: mix(#fff, $smoke-bush-rose, 20%);
$smoke-bush-rose-dark: mix(#000, $smoke-bush-rose, 20%);
.element {
color: $smoke-bush-rose;
box-shadow: 0 0 0 2px rgba($smoke-bush-rose, 0.35);
}