最接近的命名颜色 · #97403C
#97403C
最接近的命名颜色: Red My Mind
#97403C（rgb(151 64 60)、hsl(3 43% 41%)、oklch(0.487 0.118 25.1)）最接近命名颜色 Red My Mind。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#97403C
oklch(0.487 0.118 25.1)
颜色转换
- HEX
- #97403c
- RGB
- rgb(151 64 60)
- HSL
- hsl(3 43% 41%)
- HWB
- hwb(3 24% 41%)
- OKLCH
- oklch(0.487 0.118 25.1)
- OKLab
- oklab(0.487 0.107 0.05)
- CIE Lab
- lab(39.3 37.05 21.49)
- LCH
- lch(39.3 42.83 30.1)
- CMYK
- cmyk(0% 58% 60% 41%)
浅色调 · 深色调 · 灰色调
浅色调
- A3534E
- AE6660
- B97873
- C48B86
- CF9E99
- D9B1AD
- E3C4C1
- EDD8D5
- F6EBEA
深色调
- 833633
- 6F2D2A
- 5C2421
- 491B19
- 371311
- 260B0A
- 170504
- 080101
- 010000
灰色调
- 964843
- 954F4A
- 935551
- 915C57
- 8F625E
- 8D6865
- 8A6F6C
- 877472
- 847A79
配色和谐
互补色 +180°
- 97403C
Red My Mind
- 006D76
≈ Toadstool Teal
类似色 -30° +30°
- 97403C
Red My Mind
- 913F63
≈ Putnam Plum
- 914A05
≈ Parasite Brown
三角配色 +120° +240°
- 97403C
Red My Mind
- 2C7032
≈ San Felix
- 3E5CA2
≈ Blue Dahlia
分裂互补色 +150° +210°
- 97403C
Red My Mind
- 00705D
≈ Falcon Turquoise
- 006891
≈ Sea Blue
四角配色 +90° +180° +270°
- 97403C
Red My Mind
- 5E6600
≈ Mud Green
- 006D76
≈ Toadstool Teal
- 654F9A
≈ Ultrapurple Merge
对比度与无障碍
Ag
AA白底
WCAG 6.74:1 · APCA Lc 83
Ag
Fail黑底
WCAG 3.11:1 · APCA Lc 19
最佳文字颜色: #FFFFFF
WCAG 6.74:1 (AA) · APCA Lc 83
Contrast pairs
代码片段
CSS
:root {
--red-my-mind: #97403c;
--red-my-mind-rgb: 151 64 60;
--red-my-mind-oklch: oklch(0.487 0.118 25.1);
}
.element {
color: var(--red-my-mind);
background-color: hsl(3 43% 41%);
border-color: oklch(0.487 0.118 25.1);
}Tailwind CSS v4
@theme {
--color-red-my-mind: #97403c;
--color-red-my-mind-50: #ffe9e3;
--color-red-my-mind-100: #ffdad3;
--color-red-my-mind-200: #ffc2b9;
--color-red-my-mind-300: #eea097;
--color-red-my-mind-400: #dc827b;
--color-red-my-mind-500: #c8635d;
--color-red-my-mind-600: #a9554f;
--color-red-my-mind-700: #88443f;
--color-red-my-mind-800: #65302f;
--color-red-my-mind-900: #472120;
--color-red-my-mind-950: #2e100f;
}SCSS
$red-my-mind: #97403c;
$red-my-mind-rgb: 151, 64, 60;
$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);
}