Benannte Farbe · #AC8760
Roman Coin
Roman Coin ist #AC8760: rgb(172 135 96), hsl(31 31% 53%), oklch(0.649 0.07 67.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Roman Coin color name →
#AC8760
oklch(0.649 0.07 67.5)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- B4936F
- BD9E7F
- C5AA8F
- CDB69E
- D6C2AE
- DECEBE
- E6DACE
- EEE6DE
- F7F3EE
Shades
- 957552
- 7F6345
- 695138
- 54412C
- 403120
- 2D2115
- 1B130A
- 0B0603
- 010100
Tones
- A88664
- A38667
- 9F856B
- 9B856E
- 968471
- 928374
- 8D8277
- 89827A
- 85817D
Farbharmonien
Komplementär +180°
- AC8760
Roman Coin
- 6C93B8
≈ Lupine Blue
Analog -30° +30°
- AC8760
Roman Coin
- B58070
≈ Brick Fence
- 9A905D
≈ Pineapple Sage
Triadisch +120° +240°
- AC8760
Roman Coin
- 599D96
≈ Caulerpa Lentillifera
- 9A84B1
≈ Celeb City
Geteilt komplementär +150° +210°
- AC8760
Roman Coin
- 5A9AAB
≈ Frost Blue
- 848BBA
≈ Soft Blue Lavender
Tetradisch +90° +180° +270°
- AC8760
Roman Coin
- 6A9C7E
≈ Dying Moss
- 6C93B8
≈ Lupine Blue
- AB7F9E
≈ Antique Hot Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.28:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.38:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.38:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
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);
}