色名 · #97463C
Mojo
Mojoは#97463C：rgb(151 70 60)、hsl(7 43% 41%)、oklch(0.496 0.111 28.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Mojo color name →
#97463C
oklch(0.496 0.111 28.8)
カラー変換
- HEX
- #97463c
- RGB
- rgb(151 70 60)
- HSL
- hsl(7 43% 41%)
- HWB
- hwb(7 24% 41%)
- OKLCH
- oklch(0.496 0.111 28.8)
- OKLab
- oklab(0.496 0.097 0.054)
- CIE Lab
- lab(40.49 34.09 22.97)
- LCH
- lch(40.49 41.1 34)
- CMYK
- cmyk(0% 54% 60% 41%)
ティント · シェード · トーン
ティント
- A3584E
- AE6A60
- B97C73
- C48E86
- CEA199
- D8B3AD
- E2C6C1
- ECD9D5
- F6ECEA
シェード
- 833C33
- 6F322A
- 5C2821
- 491E19
- 371511
- 260D0A
- 170504
- 080201
- 010000
トーン
- 964D43
- 94534A
- 935951
- 915F58
- 8F655E
- 8C6A65
- 8A706C
- 877573
- 847B79
カラーハーモニー
補色 +180°
- 97463C
Mojo
- 006F7C
≈ Iridescent Peacock
類似色 -30° +30°
トライアド +120° +240°
- 97463C
Mojo
- 2B733D
≈ Felt
- 485EA1
≈ Bio Blue
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.44:1 · APCA Lc 82
Ag
Fail黒の上
WCAG 3.25:1 · APCA Lc 20
最適な文字色: #FFFFFF
WCAG 6.44:1 (AA) · APCA Lc 82
Contrast pairs
コードスニペット
CSS
:root {
--mojo: #97463c;
--mojo-rgb: 151 70 60;
--mojo-oklch: oklch(0.496 0.111 28.8);
}
.element {
color: var(--mojo);
background-color: hsl(7 43% 41%);
border-color: oklch(0.496 0.111 28.8);
}Tailwind CSS v4
@theme {
--color-mojo: #97463c;
--color-mojo-50: #ffeae2;
--color-mojo-100: #ffdbd2;
--color-mojo-200: #ffc3b8;
--color-mojo-300: #eba295;
--color-mojo-400: #d88478;
--color-mojo-500: #c5675b;
--color-mojo-600: #a6584d;
--color-mojo-700: #86463d;
--color-mojo-800: #63322d;
--color-mojo-900: #46221e;
--color-mojo-950: #2d110e;
}SCSS
$mojo: #97463c;
$mojo-rgb: 151, 70, 60;
$mojo-light: mix(#fff, $mojo, 20%);
$mojo-dark: mix(#000, $mojo, 20%);
.element {
color: $mojo;
box-shadow: 0 0 0 2px rgba($mojo, 0.35);
}