Colore con nome · #AC8760
Roman Coin
Roman Coin è #AC8760: rgb(172 135 96), hsl(31 31% 53%), oklch(0.649 0.07 67.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Roman Coin color name →
#AC8760
oklch(0.649 0.07 67.5)
Conversioni di colore
- HEX
- #ac8760
- RGB
- rgb(172 135 96)
- HSL
- hsl(31 31% 53%)
- HWB
- hwb(31 38% 33%)
- OKLCH
- oklch(0.649 0.07 67.5)
- OKLab
- oklab(0.649 0.027 0.065)
- CIE Lab
- lab(59.21 10.78 26.65)
- LCH
- lch(59.21 28.75 68)
- CMYK
- cmyk(0% 22% 44% 33%)
Tinte · Ombre · Toni
Tinte
- B4936F
- BD9E7F
- C5AA8F
- CDB69E
- D6C2AE
- DECEBE
- E6DACE
- EEE6DE
- F7F3EE
Ombre
- 957552
- 7F6345
- 695138
- 54412C
- 403120
- 2D2115
- 1B130A
- 0B0603
- 010100
Toni
- A88664
- A38667
- 9F856B
- 9B856E
- 968471
- 928374
- 8D8277
- 89827A
- 85817D
Armonie di colore
Complementare +180°
- AC8760
Roman Coin
- 6C93B8
≈ Lupine Blue
Analogo -30° +30°
- AC8760
Roman Coin
- B58070
≈ Brick Fence
- 9A905D
≈ Pineapple Sage
Triadico +120° +240°
- AC8760
Roman Coin
- 599D96
≈ Caulerpa Lentillifera
- 9A84B1
≈ Celeb City
Complementare divisa +150° +210°
- AC8760
Roman Coin
- 5A9AAB
≈ Frost Blue
- 848BBA
≈ Soft Blue Lavender
Tetradico +90° +180° +270°
- AC8760
Roman Coin
- 6A9C7E
≈ Dying Moss
- 6C93B8
≈ Lupine Blue
- AB7F9E
≈ Antique Hot Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.28:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.38:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.38:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--roman-coin: #ac8760;
--roman-coin-rgb: 172 135 96;
--roman-coin-oklch: oklch(0.649 0.07 67.5);
}
.element {
color: var(--roman-coin);
background-color: hsl(31 31% 53%);
border-color: oklch(0.649 0.07 67.5);
}Tailwind CSS v4
@theme {
--color-roman-coin: #ac8760;
--color-roman-coin-50: #fff2e0;
--color-roman-coin-100: #f8e4cf;
--color-roman-coin-200: #e8d0b5;
--color-roman-coin-300: #cfb291;
--color-roman-coin-400: #bb9772;
--color-roman-coin-500: #a67d52;
--color-roman-coin-600: #8c6a46;
--color-roman-coin-700: #705538;
--color-roman-coin-800: #533d28;
--color-roman-coin-900: #3a2a1b;
--color-roman-coin-950: #24180b;
}SCSS
$roman-coin: #ac8760;
$roman-coin-rgb: 172, 135, 96;
$roman-coin-light: mix(#fff, $roman-coin, 20%);
$roman-coin-dark: mix(#000, $roman-coin, 20%);
.element {
color: $roman-coin;
box-shadow: 0 0 0 2px rgba($roman-coin, 0.35);
}