色名 · #97422D
Tia Maria
Tia Mariaは#97422D：rgb(151 66 45)、hsl(12 54% 38%)、oklch(0.487 0.119 35.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Tia Maria color name →
#97422D
oklch(0.487 0.119 35.1)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- A35541
- AE6756
- B97A6A
- C48C7E
- CF9F93
- D9B2A8
- E3C5BD
- ECD8D3
- F6EBE9
シェード
- 833826
- 6F2F1F
- 5C2518
- 491C11
- 37140B
- 260B06
- 170502
- 080101
- 010000
トーン
- 964936
- 94503F
- 935748
- 915D50
- 8F6358
- 8D6960
- 8A6F68
- 877570
- 847A78
カラーハーモニー
補色 +180°
- 97422D
Tia Maria
- 006B7E
≈ Shinbashi Azure
類似色 -30° +30°
- 97422D
Tia Maria
- 953E56
≈ Ancient Magenta
- 895000
≈ Caffeinated Cinnamon
トライアド +120° +240°
- 97422D
Tia Maria
- 027340
≈ Dartmouth Green
- 4D57A2
≈ Purple Frenzy
スプリットコンプリメンタリー +150° +210°
- 97422D
Tia Maria
- 006F66
≈ Tide Pools
- 09649E
≈ Prime Blue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.70:1 · APCA Lc 82
Ag
Fail黒の上
WCAG 3.13:1 · APCA Lc 19
最適な文字色: #FFFFFF
WCAG 6.70:1 (AA) · APCA Lc 82
Contrast pairs
コードスニペット
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);
}