Adlandırılmış renk · #C15A4B
Martian Ironearth
Martian Ironearth, #C15A4B: rgb(193 90 75), hsl(8 49% 53%), oklch(0.592 0.135 30.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Martian Ironearth color name →
#C15A4B
oklch(0.592 0.135 30.1)
Renk dönüşümleri
- HEX
- #c15a4b
- RGB
- rgb(193 90 75)
- HSL
- hsl(8 49% 53%)
- HWB
- hwb(8 29% 24%)
- OKLCH
- oklch(0.592 0.135 30.1)
- OKLab
- oklab(0.592 0.117 0.068)
- CIE Lab
- lab(51.41 41.33 29.35)
- LCH
- lch(51.41 50.7 35.4)
- CMYK
- cmyk(0% 53% 61% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C96B5C
- D07C6E
- D88C7F
- DE9C91
- E5ADA3
- EBBDB5
- F0CDC7
- F6DED9
- FBEEEC
Koyu tonlar
- A74D40
- 8F4135
- 77352B
- 5F2921
- 491E17
- 34130E
- 200906
- 0E0302
- 020000
Gri tonlar
- BB5F51
- B66457
- B0685C
- AA6C62
- A47067
- 9D736C
- 967771
- 8F7A76
- 887D7B
Renk uyumları
Tamamlayıcı +180°
- C15A4B
Martian Ironearth
- 008E9F
≈ Coral Coast
Analog -30° +30°
- C15A4B
Martian Ironearth
- BC577A
≈ Tutti Frutti
- B7670B
≈ Brown Orange
Üçlü +120° +240°
- C15A4B
Martian Ironearth
- 339450
≈ Wild Forest
- 5F77CE
≈ Indigo Light
Bölünmüş tamamlayıcı +150° +210°
- C15A4B
Martian Ironearth
- 009280
≈ Silk Sari
- 0186C5
≈ Azul Caribe
Dörtlü +90° +180° +270°
- C15A4B
Martian Ironearth
- 748911
≈ Elwynn Forest Olive
- 008E9F
≈ Coral Coast
- 8B69C2
≈ Lavish Spending
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.34:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.83:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.83:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--martian-ironearth: #c15a4b;
--martian-ironearth-rgb: 193 90 75;
--martian-ironearth-oklch: oklch(0.592 0.135 30.1);
}
.element {
color: var(--martian-ironearth);
background-color: hsl(8 49% 53%);
border-color: oklch(0.592 0.135 30.1);
}Tailwind CSS v4
@theme {
--color-martian-ironearth: #c15a4b;
--color-martian-ironearth-50: #ffe8dd;
--color-martian-ironearth-100: #ffd8cc;
--color-martian-ironearth-200: #ffbfb0;
--color-martian-ironearth-300: #f59d8b;
--color-martian-ironearth-400: #e37d6d;
--color-martian-ironearth-500: #d05e4d;
--color-martian-ironearth-600: #b05042;
--color-martian-ironearth-700: #8e4034;
--color-martian-ironearth-800: #692d27;
--color-martian-ironearth-900: #4a1f1a;
--color-martian-ironearth-950: #300e0a;
}SCSS
$martian-ironearth: #c15a4b;
$martian-ironearth-rgb: 193, 90, 75;
$martian-ironearth-light: mix(#fff, $martian-ironearth, 20%);
$martian-ironearth-dark: mix(#000, $martian-ironearth, 20%);
.element {
color: $martian-ironearth;
box-shadow: 0 0 0 2px rgba($martian-ironearth, 0.35);
}