Colore con nome · #A89581
Chocolate Cream Pie
Chocolate Cream Pie è #A89581: rgb(168 149 129), hsl(31 18% 58%), oklch(0.681 0.036 68.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Chocolate Cream Pie color name →
#A89581
oklch(0.681 0.036 68.6)
Conversioni di colore
- HEX
- #a89581
- RGB
- rgb(168 149 129)
- HSL
- hsl(31 18% 58%)
- HWB
- hwb(31 51% 34%)
- OKLCH
- oklch(0.681 0.036 68.6)
- OKLab
- oklab(0.681 0.013 0.034)
- CIE Lab
- lab(63 4.89 13.32)
- LCH
- lch(63 14.19 69.9)
- CMYK
- cmyk(0% 11% 23% 34%)
Tinte · Ombre · Toni
Tinte
- B09F8D
- B9A999
- C2B4A5
- CABEB2
- D3C9BE
- DCD3CB
- E4DED8
- EDE9E5
- F6F4F2
Ombre
- 92816F
- 7C6D5E
- 675A4E
- 52483E
- 3F372E
- 2C261F
- 1A1612
- 0A0806
- 010101
Toni
- A49381
- A09181
- 9C8F81
- 988D81
- 948B81
- 908881
- 8C8681
- 888480
- 848280
Armonie di colore
Complementare +180°
- A89581
Chocolate Cream Pie
- 889BAF
≈ Tsunami
Analogo -30° +30°
- A89581
Chocolate Cream Pie
- AE9188
≈ Plush Suede
- 9E9980
≈ Pebble
Triadico +120° +240°
- A89581
Chocolate Cream Pie
- 80A09D
≈ Gnome
- 9F93AA
≈ Lilac Blossom
Complementare divisa +150° +210°
- A89581
Chocolate Cream Pie
- 809FA8
≈ Serene Stream
- 9397AF
≈ Frosty Nightfall
Tetradico +90° +180° +270°
- A89581
Chocolate Cream Pie
- 86A090
≈ Australian Jade
- 889BAF
≈ Tsunami
- A890A0
≈ Fields of Provence
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.88:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.28:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.28:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--chocolate-cream-pie: #a89581;
--chocolate-cream-pie-rgb: 168 149 129;
--chocolate-cream-pie-oklch: oklch(0.681 0.036 68.6);
}
.element {
color: var(--chocolate-cream-pie);
background-color: hsl(31 18% 58%);
border-color: oklch(0.681 0.036 68.6);
}Tailwind CSS v4
@theme {
--color-chocolate-cream-pie: #a89581;
--color-chocolate-cream-pie-50: #fcf4ea;
--color-chocolate-cream-pie-100: #f0e6db;
--color-chocolate-cream-pie-200: #dfd2c4;
--color-chocolate-cream-pie-300: #c4b5a4;
--color-chocolate-cream-pie-400: #ad9b88;
--color-chocolate-cream-pie-500: #97826d;
--color-chocolate-cream-pie-600: #7f6e5c;
--color-chocolate-cream-pie-700: #665849;
--color-chocolate-cream-pie-800: #4b4035;
--color-chocolate-cream-pie-900: #342c24;
--color-chocolate-cream-pie-950: #201913;
}SCSS
$chocolate-cream-pie: #a89581;
$chocolate-cream-pie-rgb: 168, 149, 129;
$chocolate-cream-pie-light: mix(#fff, $chocolate-cream-pie, 20%);
$chocolate-cream-pie-dark: mix(#000, $chocolate-cream-pie, 20%);
.element {
color: $chocolate-cream-pie;
box-shadow: 0 0 0 2px rgba($chocolate-cream-pie, 0.35);
}