Nazwany kolor · #97422D
Tia Maria
Tia Maria to #97422D: rgb(151 66 45), hsl(12 54% 38%), oklch(0.487 0.119 35.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Tia Maria color name →
#97422D
oklch(0.487 0.119 35.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A35541
- AE6756
- B97A6A
- C48C7E
- CF9F93
- D9B2A8
- E3C5BD
- ECD8D3
- F6EBE9
Odcienie ciemniejsze
- 833826
- 6F2F1F
- 5C2518
- 491C11
- 37140B
- 260B06
- 170502
- 080101
- 010000
Tony
- 964936
- 94503F
- 935748
- 915D50
- 8F6358
- 8D6960
- 8A6F68
- 877570
- 847A78
Harmonie kolorów
Komplementarna +180°
- 97422D
Tia Maria
- 006B7E
≈ Shinbashi Azure
Analogowa -30° +30°
- 97422D
Tia Maria
- 953E56
≈ Ancient Magenta
- 895000
≈ Caffeinated Cinnamon
Triada +120° +240°
- 97422D
Tia Maria
- 027340
≈ Dartmouth Green
- 4D57A2
≈ Purple Frenzy
Komplementarna rozszczepiona +150° +210°
- 97422D
Tia Maria
- 006F66
≈ Tide Pools
- 09649E
≈ Prime Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.70:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.13:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.70:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
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);
}