最接近的命名颜色 · #633A3E
#633A3E
最接近的命名颜色: Red Rumour
#633A3E（rgb(99 58 62)、hsl(354 26% 31%)、oklch(0.399 0.058 13.7)）最接近命名颜色 Red Rumour。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#633A3E
oklch(0.399 0.058 13.7)
颜色转换
- HEX
- #633a3e
- RGB
- rgb(99 58 62)
- HSL
- hsl(354 26% 31%)
- HWB
- hwb(354 23% 61%)
- OKLCH
- oklch(0.399 0.058 13.7)
- OKLab
- oklab(0.399 0.057 0.014)
- CIE Lab
- lab(29.67 19.03 5.66)
- LCH
- lch(29.67 19.85 16.6)
- CMYK
- cmyk(0% 41% 37% 61%)
浅色调 · 深色调 · 灰色调
浅色调
- 724C4F
- 815E61
- 917173
- A08486
- B09799
- BFABAC
- CFC0C1
- DFD4D5
- EFEAEA
深色调
- 553135
- 47282B
- 3A2023
- 2E181A
- 211012
- 16090A
- 0B0404
- 030101
- 000000
灰色调
- 664144
- 6A484B
- 6D4F51
- 705657
- 735D5E
- 766465
- 786B6B
- 7B7272
- 7E7979
配色和谐
互补色 +180°
- 633A3E
Red Rumour
- 175150
≈ Lacustral
类似色 -30° +30°
- 633A3E
Red Rumour
- 5E3B4F
≈ Violet Posy
- 623D2D
≈ Chocolate Escape
三角配色 +120° +240°
- 633A3E
Red Rumour
- 3B4E2D
≈ Nettle Green
- 314966
≈ Lake View
分裂互补色 +150° +210°
- 633A3E
Red Rumour
- 26513F
≈ Hunt Club
- 1E4E5F
≈ Rugged Teal
四角配色 +90° +180° +270°
- 633A3E
Red Rumour
- 4D4921
≈ Uniform Green
- 175150
≈ Lacustral
- 434366
≈ Genie
对比度与无障碍
Ag
AAA白底
WCAG 9.52:1 · APCA Lc 92
Ag
Fail黑底
WCAG 2.20:1 · APCA Lc 11
最佳文字颜色: #FFFFFF
WCAG 9.52:1 (AAA) · APCA Lc 92
Contrast pairs
代码片段
CSS
:root {
--red-rumour: #633a3e;
--red-rumour-rgb: 99 58 62;
--red-rumour-oklch: oklch(0.399 0.058 13.7);
}
.element {
color: var(--red-rumour);
background-color: hsl(354 26% 31%);
border-color: oklch(0.399 0.058 13.7);
}Tailwind CSS v4
@theme {
--color-red-rumour: #633a3e;
--color-red-rumour-50: #ffefef;
--color-red-rumour-100: #fbe1e1;
--color-red-rumour-200: #eccbcc;
--color-red-rumour-300: #d4acad;
--color-red-rumour-400: #be9194;
--color-red-rumour-500: #a9767b;
--color-red-rumour-600: #8f6468;
--color-red-rumour-700: #735053;
--color-red-rumour-800: #553a3d;
--color-red-rumour-900: #3b282a;
--color-red-rumour-950: #251618;
}SCSS
$red-rumour: #633a3e;
$red-rumour-rgb: 99, 58, 62;
$red-rumour-light: mix(#fff, $red-rumour, 20%);
$red-rumour-dark: mix(#000, $red-rumour, 20%);
.element {
color: $red-rumour;
box-shadow: 0 0 0 2px rgba($red-rumour, 0.35);
}