Nazwany kolor · #865040
Ironstone
Ironstone to #865040: rgb(134 80 64), hsl(14 35% 39%), oklch(0.49 0.077 37.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Ironstone color name →
#865040
oklch(0.49 0.077 37.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 926052
- 9F7163
- AB8276
- B79388
- C3A49B
- CFB6AF
- DBC8C2
- E7DAD6
- F3ECEA
Odcienie ciemniejsze
- 744436
- 62392D
- 512E24
- 40241B
- 301A13
- 21100B
- 130705
- 060201
- 010000
Tony
- 865547
- 865A4D
- 865F53
- 85645A
- 856960
- 846D66
- 83726D
- 827773
- 817B7A
Harmonie kolorów
Komplementarna +180°
- 865040
Ironstone
- 1D6B7D
≈ Allports
Analogowa -30° +30°
- 865040
Ironstone
- 854D58
≈ Wine Not
- 7E572D
≈ Arable Brown
Triada +120° +240°
- 865040
Ironstone
- 376E4F
≈ Jungle Book Green
- 555C8C
≈ Midnight Sea
Komplementarna rozszczepiona +150° +210°
- 865040
Ironstone
- 1A6E68
≈ Tide Pools
- 3A648A
≈ Mississippi River
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.49:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.23:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.49:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
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);
}