色名 · #5E4A47
Mustang
Mustangは#5E4A47：rgb(94 74 71)、hsl(8 14% 32%)、oklch(0.429 0.028 28.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Mustang color name →
#5E4A47
oklch(0.429 0.028 28.2)
カラー変換
- HEX
- #5e4a47
- RGB
- rgb(94 74 71)
- HSL
- hsl(8 14% 32%)
- HWB
- hwb(8 28% 63%)
- OKLCH
- oklch(0.429 0.028 28.2)
- OKLab
- oklab(0.429 0.025 0.013)
- CIE Lab
- lab(33.52 8.36 5.19)
- LCH
- lch(33.52 9.84 31.8)
- CMYK
- cmyk(0% 21% 24% 63%)
ティント · シェード · トーン
ティント
- 6D5A57
- 7C6B68
- 8C7C7A
- 9B8E8C
- ABA09E
- BCB2B1
- CCC5C4
- DDD8D7
- EEEBEB
シェード
- 513F3D
- 443532
- 372A28
- 2B201F
- 1F1716
- 140E0D
- 0A0606
- 030202
- 000000
トーン
- 614F4C
- 655452
- 685A58
- 6C5F5D
- 6F6463
- 736A69
- 766F6E
- 797574
- 7D7A7A
カラーハーモニー
補色 +180°
- 5E4A47
Mustang
- 3E5458
≈ Casal
類似色 -30° +30°
- 5E4A47
Mustang
- 5D494F
≈ Raisin
- 5C4C41
≈ Cork
トライアド +120° +240°
- 5E4A47
Mustang
- 455447
≈ Rock Garden
- 494F5F
≈ Ombre Blue
スプリットコンプリメンタリー +150° +210°
- 5E4A47
Mustang
- 3F554F
≈ Dark Everglade
- 42525D
≈ Nightfall
テトラード +90° +180° +270°
- 5E4A47
Mustang
- 4E5241
≈ Forestwood
- 3E5458
≈ Casal
- 514C5D
≈ Mulled Wine
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 8.24:1 · APCA Lc 88
Ag
Fail黒の上
WCAG 2.54:1 · APCA Lc 14
最適な文字色: #FFFFFF
WCAG 8.24:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
CSS
:root {
--mustang: #5e4a47;
--mustang-rgb: 94 74 71;
--mustang-oklch: oklch(0.429 0.028 28.2);
}
.element {
color: var(--mustang);
background-color: hsl(8 14% 32%);
border-color: oklch(0.429 0.028 28.2);
}Tailwind CSS v4
@theme {
--color-mustang: #5e4a47;
--color-mustang-50: #fdf2f0;
--color-mustang-100: #f1e5e2;
--color-mustang-200: #e0d0cd;
--color-mustang-300: #c5b2af;
--color-mustang-400: #ae9995;
--color-mustang-500: #98807c;
--color-mustang-600: #806c69;
--color-mustang-700: #675654;
--color-mustang-800: #4c3f3d;
--color-mustang-900: #352b2a;
--color-mustang-950: #201918;
}SCSS
$mustang: #5e4a47;
$mustang-rgb: 94, 74, 71;
$mustang-light: mix(#fff, $mustang, 20%);
$mustang-dark: mix(#000, $mustang, 20%);
.element {
color: $mustang;
box-shadow: 0 0 0 2px rgba($mustang, 0.35);
}