Colore con nome · #D0A592
Amber Grey
Amber Grey è #D0A592: rgb(208 165 146), hsl(18 40% 69%), oklch(0.756 0.058 45). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Amber Grey color name →
#D0A592
oklch(0.756 0.058 45)
Conversioni di colore
- HEX
- #d0a592
- RGB
- rgb(208 165 146)
- HSL
- hsl(18 40% 69%)
- HWB
- hwb(18 57% 18%)
- OKLCH
- oklch(0.756 0.058 45)
- OKLab
- oklab(0.756 0.041 0.041)
- CIE Lab
- lab(71.39 14.33 16.23)
- LCH
- lch(71.39 21.65 48.6)
- CMYK
- cmyk(0% 21% 30% 18%)
Tinte · Ombre · Toni
Tinte
- D5AE9D
- DAB7A7
- DFC0B2
- E3C8BD
- E8D1C8
- EDDAD3
- F1E4DE
- F6EDE9
- FBF6F4
Ombre
- B58F7E
- 9A796B
- 806558
- 675146
- 4F3D35
- 392B25
- 231A16
- 100A08
- 020101
Toni
- C8A190
- C09E8F
- B89A8D
- B0968B
- A89389
- A08F87
- 988B86
- 908784
- 888482
Armonie di colore
Complementare +180°
- D0A592
Amber Grey
- 88B8CC
≈ Blue Bird Morning
Analogo -30° +30°
- D0A592
Amber Grey
- D2A2A4
≈ Ruby Eye
- C6AB87
≈ Croissant
Triadico +120° +240°
- D0A592
Amber Grey
- 8EBCA7
≈ Lichen
- ABABD4
≈ Monastic
Complementare divisa +150° +210°
- D0A592
Amber Grey
- 84BCBB
≈ Riverbed
- 98B2D5
≈ Heartsong
Tetradico +90° +180° +270°
- D0A592
Amber Grey
- A0B994
≈ Norway
- 88B8CC
≈ Blue Bird Morning
- BEA5C9
≈ Lavendula
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.21:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.47:1 · APCA Lc 59
Miglior colore del testo: #000000
WCAG 9.47:1 (AAA) · APCA Lc 59
Contrast pairs
Frammenti di codice
CSS
:root {
--amber-grey: #d0a592;
--amber-grey-rgb: 208 165 146;
--amber-grey-oklch: oklch(0.756 0.058 45);
}
.element {
color: var(--amber-grey);
background-color: hsl(18 40% 69%);
border-color: oklch(0.756 0.058 45);
}Tailwind CSS v4
@theme {
--color-amber-grey: #d0a592;
--color-amber-grey-50: #fff1e7;
--color-amber-grey-100: #f9e3d8;
--color-amber-grey-200: #eacdc0;
--color-amber-grey-300: #d1af9f;
--color-amber-grey-400: #bc9483;
--color-amber-grey-500: #a77a66;
--color-amber-grey-600: #8d6857;
--color-amber-grey-700: #715345;
--color-amber-grey-800: #543c32;
--color-amber-grey-900: #3a2922;
--color-amber-grey-950: #241711;
}SCSS
$amber-grey: #d0a592;
$amber-grey-rgb: 208, 165, 146;
$amber-grey-light: mix(#fff, $amber-grey, 20%);
$amber-grey-dark: mix(#000, $amber-grey, 20%);
.element {
color: $amber-grey;
box-shadow: 0 0 0 2px rgba($amber-grey, 0.35);
}