Named color · #B7410E
Martian Ironcrust
Martian Ironcrust is #B7410E: rgb(183 65 14), hsl(18 86% 39%), oklch(0.535 0.163 39.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Martian Ironcrust color name →
#B7410E
oklch(0.535 0.163 39.5)
Color conversions
- HEX
- #b7410e
- RGB
- rgb(183 65 14)
- HSL
- hsl(18 86% 39%)
- HWB
- hwb(18 5% 28%)
- OKLCH
- oklch(0.535 0.163 39.5)
- OKLab
- oklab(0.535 0.125 0.103)
- CIE Lab
- lab(44.73 47.16 52.29)
- LCH
- lch(44.73 70.41 47.9)
- CMYK
- cmyk(0% 64% 92% 28%)
Tints · Shades · Tones
Tints
- C05630
- C96A49
- D27D60
- DA9077
- E1A28D
- E8B5A3
- EFC7BA
- F5DAD1
- FAECE8
Shades
- 9F370B
- 872E07
- 702505
- 5A1C03
- 451302
- 310B01
- 1E0500
- 0C0100
- 020000
Tones
- B34A23
- AE5231
- AA593D
- A56048
- A06652
- 9A6C5C
- 947165
- 8E766E
- 877B77
Color harmonies
Complementary +180°
- B7410E
Martian Ironcrust
- 007A94
≈ Havasu
Analogous -30° +30°
- B7410E
Martian Ironcrust
- B73858
≈ Raspberry Wine
- 985F00
≈ Raw Sienna
Triadic +120° +240°
- B7410E
Martian Ironcrust
- 008253
≈ Dark Emerald
- 5D5DC8
≈ Circumorbital Ring
Split-complementary +150° +210°
- B7410E
Martian Ironcrust
- 007E79
≈ Coelia Greenshade
- 0070BF
≈ French Blue
Tetradic +90° +180° +270°
- B7410E
Martian Ironcrust
- 527C00
≈ Avocado
- 007A94
≈ Havasu
- 894CB3
≈ Harley Hair Purple
Contrast & accessibility
Ag
AAOn white
WCAG 5.56:1 · APCA Lc 77
Ag
FailOn black
WCAG 3.77:1 · APCA Lc 25
Best text color: #FFFFFF
WCAG 5.56:1 (AA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--martian-ironcrust: #b7410e;
--martian-ironcrust-rgb: 183 65 14;
--martian-ironcrust-oklch: oklch(0.535 0.163 39.5);
}
.element {
color: var(--martian-ironcrust);
background-color: hsl(18 86% 39%);
border-color: oklch(0.535 0.163 39.5);
}Tailwind CSS v4
@theme {
--color-martian-ironcrust: #b7410e;
--color-martian-ironcrust-50: #ffe7d2;
--color-martian-ironcrust-100: #ffd7be;
--color-martian-ironcrust-200: #ffbd9e;
--color-martian-ironcrust-300: #fd9a74;
--color-martian-ironcrust-400: #ed7850;
--color-martian-ironcrust-500: #db5521;
--color-martian-ironcrust-600: #b9491f;
--color-martian-ironcrust-700: #953a18;
--color-martian-ironcrust-800: #6f2913;
--color-martian-ironcrust-900: #4e1c0c;
--color-martian-ironcrust-950: #340b01;
}SCSS
$martian-ironcrust: #b7410e;
$martian-ironcrust-rgb: 183, 65, 14;
$martian-ironcrust-light: mix(#fff, $martian-ironcrust, 20%);
$martian-ironcrust-dark: mix(#000, $martian-ironcrust, 20%);
.element {
color: $martian-ironcrust;
box-shadow: 0 0 0 2px rgba($martian-ironcrust, 0.35);
}