最も近い色名 · #904441
#904441
最も近い色名: Red My Mind
#904441（rgb(144 68 65)、hsl(2 38% 41%)、oklch(0.483 0.104 24)）に最も近い色名はRed My Mindです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#904441
oklch(0.483 0.104 24)
カラー変換
- HEX
- #904441
- RGB
- rgb(144 68 65)
- HSL
- hsl(2 38% 41%)
- HWB
- hwb(2 25% 44%)
- OKLCH
- oklch(0.483 0.104 24)
- OKLab
- oklab(0.483 0.095 0.042)
- CIE Lab
- lab(39.02 32.62 17.77)
- LCH
- lch(39.02 37.14 28.6)
- CMYK
- cmyk(0% 53% 55% 44%)
ティント · シェード · トーン
ティント
- 9C5652
- A86864
- B47A76
- BF8D89
- CA9F9B
- D5B2AF
- E0C5C2
- EBD8D6
- F5EBEA
シェード
- 7D3A37
- 6A302E
- 572625
- 451D1C
- 341413
- 240C0B
- 150505
- 070201
- 010000
トーン
- 8F4B47
- 8F514E
- 8E5754
- 8C5E5A
- 8B6460
- 896967
- 876F6D
- 857573
- 837A7A
カラーハーモニー
補色 +180°
- 904441
Red My Mind
- 006C74
≈ Toadstool Teal
類似色 -30° +30°
- 904441
Red My Mind
- 8A4362
≈ Putnam Plum
- 8B4C1C
≈ Brown Eyed Girl
トライアド +120° +240°
- 904441
Red My Mind
- 366D36
≈ San Felix
- 405C99
≈ Blue Dahlia
スプリットコンプリメンタリー +150° +210°
- 904441
Red My Mind
- 006F5A
≈ Teal Dark Green
- 00678E
≈ Pulsating Blue
テトラード +90° +180° +270°
- 904441
Red My Mind
- 5E640C
≈ Mud Green
- 006C74
≈ Toadstool Teal
- 625193
≈ Fine Purple
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.79:1 · APCA Lc 83
Ag
Fail黒の上
WCAG 3.08:1 · APCA Lc 19
最適な文字色: #FFFFFF
WCAG 6.79:1 (AA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--red-my-mind: #904441;
--red-my-mind-rgb: 144 68 65;
--red-my-mind-oklch: oklch(0.483 0.104 24);
}
.element {
color: var(--red-my-mind);
background-color: hsl(2 38% 41%);
border-color: oklch(0.483 0.104 24);
}Tailwind CSS v4
@theme {
--color-red-my-mind: #904441;
--color-red-my-mind-50: #ffebe6;
--color-red-my-mind-100: #ffdbd6;
--color-red-my-mind-200: #fec4bd;
--color-red-my-mind-300: #e8a39c;
--color-red-my-mind-400: #d58680;
--color-red-my-mind-500: #c16964;
--color-red-my-mind-600: #a35955;
--color-red-my-mind-700: #834744;
--color-red-my-mind-800: #613332;
--color-red-my-mind-900: #442322;
--color-red-my-mind-950: #2c1111;
}SCSS
$red-my-mind: #904441;
$red-my-mind-rgb: 144, 68, 65;
$red-my-mind-light: mix(#fff, $red-my-mind, 20%);
$red-my-mind-dark: mix(#000, $red-my-mind, 20%);
.element {
color: $red-my-mind;
box-shadow: 0 0 0 2px rgba($red-my-mind, 0.35);
}