Colore con nome · #84625A
Smoked Almond
Smoked Almond è #84625A: rgb(132 98 90), hsl(11 19% 44%), oklch(0.529 0.046 33.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Smoked Almond color name →
#84625A
oklch(0.529 0.046 33.6)
Conversioni di colore
- HEX
- #84625a
- RGB
- rgb(132 98 90)
- HSL
- hsl(11 19% 44%)
- HWB
- hwb(11 35% 48%)
- OKLCH
- oklch(0.529 0.046 33.6)
- OKLab
- oklab(0.529 0.039 0.026)
- CIE Lab
- lab(44.96 13.32 10.22)
- LCH
- lch(44.96 16.79 37.5)
- CMYK
- cmyk(0% 26% 32% 48%)
Tinte · Ombre · Toni
Tinte
- 907169
- 9C7F79
- A88F88
- B49E99
- C1AEA9
- CDBDBA
- D9CDCB
- E6DEDC
- F2EEED
Ombre
- 72544D
- 604741
- 4F3A35
- 3F2D29
- 2F211E
- 201613
- 120B09
- 060303
- 010000
Toni
- 84655E
- 846862
- 836B65
- 836E69
- 83716D
- 827471
- 827775
- 817A78
- 817D7C
Armonie di colore
Complementare +180°
- 84625A
Smoked Almond
- 4B737C
≈ Hydro
Analogo -30° +30°
- 84625A
Smoked Almond
- 836068
≈ Celine
- 7F6650
≈ Otter
Triadico +120° +240°
- 84625A
Smoked Almond
- 57745F
≈ Painted Turtle
- 636A87
≈ Dangerously Elegant
Complementare divisa +150° +210°
- 84625A
Smoked Almond
- 4C746E
≈ Tandayapa Cloud Forest
- 546F85
≈ Captains Blue
Tetradico +90° +180° +270°
- 84625A
Smoked Almond
- 667053
≈ French Tarragon
- 4B737C
≈ Hydro
- 716582
≈ Hyacinth Arbour
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.41:1 · APCA Lc 77
Ag
FailSu nero
WCAG 3.87:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.41:1 (AA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--smoked-almond: #84625a;
--smoked-almond-rgb: 132 98 90;
--smoked-almond-oklch: oklch(0.529 0.046 33.6);
}
.element {
color: var(--smoked-almond);
background-color: hsl(11 19% 44%);
border-color: oklch(0.529 0.046 33.6);
}Tailwind CSS v4
@theme {
--color-smoked-almond: #84625a;
--color-smoked-almond-50: #fff1ec;
--color-smoked-almond-100: #f7e3dd;
--color-smoked-almond-200: #e7cec7;
--color-smoked-almond-300: #ceb0a7;
--color-smoked-almond-400: #b8958d;
--color-smoked-almond-500: #a27b72;
--color-smoked-almond-600: #896961;
--color-smoked-almond-700: #6e544d;
--color-smoked-almond-800: #513d38;
--color-smoked-almond-900: #392a27;
--color-smoked-almond-950: #231715;
}SCSS
$smoked-almond: #84625a;
$smoked-almond-rgb: 132, 98, 90;
$smoked-almond-light: mix(#fff, $smoked-almond, 20%);
$smoked-almond-dark: mix(#000, $smoked-almond, 20%);
.element {
color: $smoked-almond;
box-shadow: 0 0 0 2px rgba($smoked-almond, 0.35);
}