Colore con nome · #8B655A
Natural Copper
Natural Copper è #8B655A: rgb(139 101 90), hsl(13 21% 45%), oklch(0.543 0.052 36.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Natural Copper color name →
#8B655A
oklch(0.543 0.052 36.8)
Conversioni di colore
- HEX
- #8b655a
- RGB
- rgb(139 101 90)
- HSL
- hsl(13 21% 45%)
- HWB
- hwb(13 35% 45%)
- OKLCH
- oklch(0.543 0.052 36.8)
- OKLab
- oklab(0.543 0.042 0.031)
- CIE Lab
- lab(46.57 14.64 12.59)
- LCH
- lch(46.57 19.31 40.7)
- CMYK
- cmyk(0% 27% 35% 45%)
Tinte · Ombre · Toni
Tinte
- 967369
- A28279
- AD9189
- B9A099
- C5AFA9
- D0BFBA
- DCCFCB
- E7DFDC
- F3EFED
Ombre
- 78574D
- 664941
- 543C35
- 432F29
- 32221E
- 231713
- 140C09
- 070303
- 010000
Toni
- 8A685E
- 896B62
- 886D65
- 877069
- 86736D
- 857571
- 847875
- 837B78
- 817D7C
Armonie di colore
Complementare +180°
- 8B655A
Natural Copper
- 4B7783
≈ Ocean Current
Analogo -30° +30°
- 8B655A
Natural Copper
- 8B636A
≈ Grenache
- 856A4F
≈ Ermine
Triadico +120° +240°
- 8B655A
Natural Copper
- 567963
≈ Dark Sorrel
- 676D8E
≈ Dark Prince
Complementare divisa +150° +210°
- 8B655A
Natural Copper
- 4A7A74
≈ Turquoise Tortoise
- 57738D
≈ Copen Blue
Tetradico +90° +180° +270°
- 8B655A
Natural Copper
- 677554
≈ Four Seasons Oolong
- 4B7783
≈ Ocean Current
- 776888
≈ Amethyst Gem
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.11:1 · APCA Lc 75
Ag
FailSu nero
WCAG 4.10:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 5.11:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--natural-copper: #8b655a;
--natural-copper-rgb: 139 101 90;
--natural-copper-oklch: oklch(0.543 0.052 36.8);
}
.element {
color: var(--natural-copper);
background-color: hsl(13 21% 45%);
border-color: oklch(0.543 0.052 36.8);
}Tailwind CSS v4
@theme {
--color-natural-copper: #8b655a;
--color-natural-copper-50: #fff0ea;
--color-natural-copper-100: #f8e2db;
--color-natural-copper-200: #e9cdc4;
--color-natural-copper-300: #d0afa4;
--color-natural-copper-400: #bb9489;
--color-natural-copper-500: #a67a6e;
--color-natural-copper-600: #8c685d;
--color-natural-copper-700: #70534a;
--color-natural-copper-800: #533c36;
--color-natural-copper-900: #3a2925;
--color-natural-copper-950: #241714;
}SCSS
$natural-copper: #8b655a;
$natural-copper-rgb: 139, 101, 90;
$natural-copper-light: mix(#fff, $natural-copper, 20%);
$natural-copper-dark: mix(#000, $natural-copper, 20%);
.element {
color: $natural-copper;
box-shadow: 0 0 0 2px rgba($natural-copper, 0.35);
}