Adlandırılmış renk · #97422D
Tia Maria
Tia Maria, #97422D: rgb(151 66 45), hsl(12 54% 38%), oklch(0.487 0.119 35.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? → · Tia Maria color name →
#97422D
oklch(0.487 0.119 35.1)
Renk dönüşümleri
- HEX
- #97422d
- RGB
- rgb(151 66 45)
- HSL
- hsl(12 54% 38%)
- HWB
- hwb(12 18% 41%)
- OKLCH
- oklch(0.487 0.119 35.1)
- OKLab
- oklab(0.487 0.098 0.069)
- CIE Lab
- lab(39.5 35.36 30.67)
- LCH
- lch(39.5 46.81 40.9)
- CMYK
- cmyk(0% 56% 70% 41%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A35541
- AE6756
- B97A6A
- C48C7E
- CF9F93
- D9B2A8
- E3C5BD
- ECD8D3
- F6EBE9
Koyu tonlar
- 833826
- 6F2F1F
- 5C2518
- 491C11
- 37140B
- 260B06
- 170502
- 080101
- 010000
Gri tonlar
- 964936
- 94503F
- 935748
- 915D50
- 8F6358
- 8D6960
- 8A6F68
- 877570
- 847A78
Renk uyumları
Tamamlayıcı +180°
- 97422D
Tia Maria
- 006B7E
≈ Shinbashi Azure
Analog -30° +30°
- 97422D
Tia Maria
- 953E56
≈ Ancient Magenta
- 895000
≈ Caffeinated Cinnamon
Üçlü +120° +240°
- 97422D
Tia Maria
- 027340
≈ Dartmouth Green
- 4D57A2
≈ Purple Frenzy
Bölünmüş tamamlayıcı +150° +210°
- 97422D
Tia Maria
- 006F66
≈ Tide Pools
- 09649E
≈ Prime Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.70:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.13:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.70:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--tia-maria: #97422d;
--tia-maria-rgb: 151 66 45;
--tia-maria-oklch: oklch(0.487 0.119 35.1);
}
.element {
color: var(--tia-maria);
background-color: hsl(12 54% 38%);
border-color: oklch(0.487 0.119 35.1);
}Tailwind CSS v4
@theme {
--color-tia-maria: #97422d;
--color-tia-maria-50: #ffeadd;
--color-tia-maria-100: #ffdbcc;
--color-tia-maria-200: #ffc3b0;
--color-tia-maria-300: #eda28c;
--color-tia-maria-400: #db846d;
--color-tia-maria-500: #c8664d;
--color-tia-maria-600: #a95642;
--color-tia-maria-700: #884534;
--color-tia-maria-800: #653126;
--color-tia-maria-900: #472119;
--color-tia-maria-950: #2e100a;
}SCSS
$tia-maria: #97422d;
$tia-maria-rgb: 151, 66, 45;
$tia-maria-light: mix(#fff, $tia-maria, 20%);
$tia-maria-dark: mix(#000, $tia-maria, 20%);
.element {
color: $tia-maria;
box-shadow: 0 0 0 2px rgba($tia-maria, 0.35);
}