Colore con nome · #A08882
Cocoa Berry
Cocoa Berry è #A08882: rgb(160 136 130), hsl(12 14% 57%), oklch(0.647 0.031 34.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cocoa Berry color name →
#A08882
oklch(0.647 0.031 34.3)
Conversioni di colore
- HEX
- #a08882
- RGB
- rgb(160 136 130)
- HSL
- hsl(12 14% 57%)
- HWB
- hwb(12 51% 37%)
- OKLCH
- oklch(0.647 0.031 34.3)
- OKLab
- oklab(0.647 0.025 0.017)
- CIE Lab
- lab(58.81 8.65 6.79)
- LCH
- lch(58.81 11 38.1)
- CMYK
- cmyk(0% 15% 19% 37%)
Tinte · Ombre · Toni
Tinte
- A9938E
- B39F9A
- BCAAA6
- C5B6B2
- CFC2BF
- D8CECB
- E2DAD8
- ECE6E5
- F5F3F2
Ombre
- 8B7570
- 76635F
- 61524E
- 4E413E
- 3B312F
- 292220
- 191312
- 090606
- 010101
Toni
- 9D8782
- 9A8682
- 968681
- 938581
- 908481
- 8D8381
- 8A8281
- 868280
- 838180
Armonie di colore
Complementare +180°
- A08882
Cocoa Berry
- 7A939A
≈ Silent Tide
Analogo -30° +30°
- A08882
Cocoa Berry
- 9F878C
≈ Majolica Mauve
- 9C8B7B
≈ Light Mahogany
Triadico +120° +240°
- A08882
Cocoa Berry
- 809486
≈ Green Bay
- 888DA1
≈ Violet Verbena
Complementare divisa +150° +210°
- A08882
Cocoa Berry
- 7A9590
≈ Tile Green
- 7F91A0
≈ Bird Blue Grey
Tetradico +90° +180° +270°
- A08882
Cocoa Berry
- 8A927E
≈ Eucalyptus Wreath
- 7A939A
≈ Silent Tide
- 928A9E
≈ Gentle Grape
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.31:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.33:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.33:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--cocoa-berry: #a08882;
--cocoa-berry-rgb: 160 136 130;
--cocoa-berry-oklch: oklch(0.647 0.031 34.3);
}
.element {
color: var(--cocoa-berry);
background-color: hsl(12 14% 57%);
border-color: oklch(0.647 0.031 34.3);
}Tailwind CSS v4
@theme {
--color-cocoa-berry: #a08882;
--color-cocoa-berry-50: #fef2ef;
--color-cocoa-berry-100: #f2e5e1;
--color-cocoa-berry-200: #e1d0cb;
--color-cocoa-berry-300: #c6b2ad;
--color-cocoa-berry-400: #b09893;
--color-cocoa-berry-500: #997f79;
--color-cocoa-berry-600: #826c66;
--color-cocoa-berry-700: #685652;
--color-cocoa-berry-800: #4c3f3c;
--color-cocoa-berry-900: #352b29;
--color-cocoa-berry-950: #201817;
}SCSS
$cocoa-berry: #a08882;
$cocoa-berry-rgb: 160, 136, 130;
$cocoa-berry-light: mix(#fff, $cocoa-berry, 20%);
$cocoa-berry-dark: mix(#000, $cocoa-berry, 20%);
.element {
color: $cocoa-berry;
box-shadow: 0 0 0 2px rgba($cocoa-berry, 0.35);
}