Colore con nome · #D4A882
Maple Tan
Maple Tan è #D4A882: rgb(212 168 130), hsl(28 49% 67%), oklch(0.763 0.073 62.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Maple Tan color name →
#D4A882
oklch(0.763 0.073 62.2)
Conversioni di colore
- HEX
- #d4a882
- RGB
- rgb(212 168 130)
- HSL
- hsl(28 49% 67%)
- HWB
- hwb(28 51% 17%)
- OKLCH
- oklch(0.763 0.073 62.2)
- OKLab
- oklab(0.763 0.034 0.065)
- CIE Lab
- lab(72.28 12.94 26.15)
- LCH
- lch(72.28 29.17 63.7)
- CMYK
- cmyk(0% 21% 39% 17%)
Tinte · Ombre · Toni
Tinte
- D9B18E
- DDB99B
- E1C2A7
- E6CAB4
- EAD3C0
- EEDCCC
- F3E5D9
- F7EDE6
- FBF6F2
Ombre
- B89270
- 9D7C5F
- 83674E
- 69523E
- 513F2F
- 3A2C20
- 241A12
- 100A06
- 020101
Toni
- CBA482
- C3A082
- BA9C82
- B29882
- AA9482
- A19082
- 998C81
- 918881
- 888481
Armonie di colore
Complementare +180°
- D4A882
Maple Tan
- 89B8DD
≈ Goluboy Blue
Analogo -30° +30°
- D4A882
Maple Tan
- DCA195
≈ Quiet Pink
- C2B17C
≈ Fresh Peas
Triadico +120° +240°
- D4A882
Maple Tan
- 7CC1B5
≈ Pale Jade
- BAA7D9
≈ Grape Illusion
Complementare divisa +150° +210°
- D4A882
Maple Tan
- 79BFCD
≈ Meltwater
- A1B0E1
≈ Myrtle Flower
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.15:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.72:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.72:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--maple-tan: #d4a882;
--maple-tan-rgb: 212 168 130;
--maple-tan-oklch: oklch(0.763 0.073 62.2);
}
.element {
color: var(--maple-tan);
background-color: hsl(28 49% 67%);
border-color: oklch(0.763 0.073 62.2);
}Tailwind CSS v4
@theme {
--color-maple-tan: #d4a882;
--color-maple-tan-50: #fff1e0;
--color-maple-tan-100: #fae3cf;
--color-maple-tan-200: #ebceb5;
--color-maple-tan-300: #d2b091;
--color-maple-tan-400: #be9572;
--color-maple-tan-500: #a97b52;
--color-maple-tan-600: #8f6846;
--color-maple-tan-700: #735338;
--color-maple-tan-800: #553c28;
--color-maple-tan-900: #3b291b;
--color-maple-tan-950: #25170b;
}SCSS
$maple-tan: #d4a882;
$maple-tan-rgb: 212, 168, 130;
$maple-tan-light: mix(#fff, $maple-tan, 20%);
$maple-tan-dark: mix(#000, $maple-tan, 20%);
.element {
color: $maple-tan;
box-shadow: 0 0 0 2px rgba($maple-tan, 0.35);
}