命名颜色 · #994341
Red My Mind
Red My Mind 即 #994341：rgb(153 67 65)、hsl(1 40% 43%)、oklch(0.495 0.116 23.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Red My Mind color name →
#994341
oklch(0.495 0.116 23.6)
颜色转换
- HEX
- #994341
- RGB
- rgb(153 67 65)
- HSL
- hsl(1 40% 43%)
- HWB
- hwb(1 25% 40%)
- OKLCH
- oklch(0.495 0.116 23.6)
- OKLab
- oklab(0.495 0.106 0.046)
- CIE Lab
- lab(40.3 36.64 19.77)
- LCH
- lch(40.3 41.63 28.3)
- CMYK
- cmyk(0% 56% 58% 40%)
浅色调 · 深色调 · 灰色调
浅色调
- A55652
- B06864
- BB7A76
- C58D89
- D09F9C
- DAB2AF
- E3C5C2
- EDD8D6
- F6EBEB
深色调
- 843937
- 702F2E
- 5D2625
- 4A1D1C
- 381413
- 270C0B
- 170505
- 080101
- 010000
灰色调
- 984A47
- 96514E
- 945754
- 925E5A
- 906461
- 8D6A67
- 8B6F6D
- 877573
- 847B7A
配色和谐
互补色 +180°
- 994341
Red My Mind
- 007078
≈ Carnival Night
类似色 -30° +30°
- 994341
Red My Mind
- 934267
≈ Satsuma Imo Red
- 934C12
≈ Parasite Brown
三角配色 +120° +240°
- 994341
Red My Mind
- 337233
≈ Japanese Laurel
- 3F5FA3
≈ International
分裂互补色 +150° +210°
- 994341
Red My Mind
- 00735D
≈ Tropical Rainforest
- 006A93
≈ Port au Prince
四角配色 +90° +180° +270°
- 994341
Red My Mind
- 626800
≈ Mud Green
- 007078
≈ Carnival Night
- 66539D
≈ Purple Opulence
对比度与无障碍
Ag
AA白底
WCAG 6.49:1 · APCA Lc 82
Ag
Fail黑底
WCAG 3.23:1 · APCA Lc 20
最佳文字颜色: #FFFFFF
WCAG 6.49:1 (AA) · APCA Lc 82
Contrast pairs
代码片段
CSS
:root {
--red-my-mind: #994341;
--red-my-mind-rgb: 153 67 65;
--red-my-mind-oklch: oklch(0.495 0.116 23.6);
}
.element {
color: var(--red-my-mind);
background-color: hsl(1 40% 43%);
border-color: oklch(0.495 0.116 23.6);
}Tailwind CSS v4
@theme {
--color-red-my-mind: #994341;
--color-red-my-mind-50: #ffe9e4;
--color-red-my-mind-100: #ffdad4;
--color-red-my-mind-200: #ffc2bb;
--color-red-my-mind-300: #eda099;
--color-red-my-mind-400: #db827d;
--color-red-my-mind-500: #c76460;
--color-red-my-mind-600: #a85552;
--color-red-my-mind-700: #874441;
--color-red-my-mind-800: #653030;
--color-red-my-mind-900: #472121;
--color-red-my-mind-950: #2e1010;
}SCSS
$red-my-mind: #994341;
$red-my-mind-rgb: 153, 67, 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);
}