Colore con nome · #865040
Ironstone
Ironstone è #865040: rgb(134 80 64), hsl(14 35% 39%), oklch(0.49 0.077 37.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Ironstone color name →
#865040
oklch(0.49 0.077 37.3)
Conversioni di colore
- HEX
- #865040
- RGB
- rgb(134 80 64)
- HSL
- hsl(14 35% 39%)
- HWB
- hwb(14 25% 47%)
- OKLCH
- oklch(0.49 0.077 37.3)
- OKLab
- oklab(0.49 0.062 0.047)
- CIE Lab
- lab(40.19 21.96 19.54)
- LCH
- lch(40.19 29.39 41.7)
- CMYK
- cmyk(0% 40% 52% 47%)
Tinte · Ombre · Toni
Tinte
- 926052
- 9F7163
- AB8276
- B79388
- C3A49B
- CFB6AF
- DBC8C2
- E7DAD6
- F3ECEA
Ombre
- 744436
- 62392D
- 512E24
- 40241B
- 301A13
- 21100B
- 130705
- 060201
- 010000
Toni
- 865547
- 865A4D
- 865F53
- 85645A
- 856960
- 846D66
- 83726D
- 827773
- 817B7A
Armonie di colore
Complementare +180°
- 865040
Ironstone
- 1D6B7D
≈ Allports
Analogo -30° +30°
- 865040
Ironstone
- 854D58
≈ Wine Not
- 7E572D
≈ Arable Brown
Triadico +120° +240°
- 865040
Ironstone
- 376E4F
≈ Jungle Book Green
- 555C8C
≈ Midnight Sea
Complementare divisa +150° +210°
- 865040
Ironstone
- 1A6E68
≈ Tide Pools
- 3A648A
≈ Mississippi River
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.49:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.23:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.49:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--ironstone: #865040;
--ironstone-rgb: 134 80 64;
--ironstone-oklch: oklch(0.49 0.077 37.3);
}
.element {
color: var(--ironstone);
background-color: hsl(14 35% 39%);
border-color: oklch(0.49 0.077 37.3);
}Tailwind CSS v4
@theme {
--color-ironstone: #865040;
--color-ironstone-50: #ffeee5;
--color-ironstone-100: #ffe0d5;
--color-ironstone-200: #f3cabc;
--color-ironstone-300: #dbab9a;
--color-ironstone-400: #c78f7e;
--color-ironstone-500: #b37461;
--color-ironstone-600: #976252;
--color-ironstone-700: #794e42;
--color-ironstone-800: #5a3930;
--color-ironstone-900: #3f2720;
--color-ironstone-950: #281510;
}SCSS
$ironstone: #865040;
$ironstone-rgb: 134, 80, 64;
$ironstone-light: mix(#fff, $ironstone, 20%);
$ironstone-dark: mix(#000, $ironstone, 20%);
.element {
color: $ironstone;
box-shadow: 0 0 0 2px rgba($ironstone, 0.35);
}