命名颜色 · #D6685F
Tory Red
Tory Red 即 #D6685F：rgb(214 104 95)、hsl(5 59% 61%)、oklch(0.646 0.14 26.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Tory Red color name →
#D6685F
oklch(0.646 0.14 26.4)
颜色转换
- HEX
- #d6685f
- RGB
- rgb(214 104 95)
- HSL
- hsl(5 59% 61%)
- HWB
- hwb(5 37% 16%)
- OKLCH
- oklch(0.646 0.14 26.4)
- OKLab
- oklab(0.646 0.126 0.062)
- CIE Lab
- lab(57.64 43.6 26.51)
- LCH
- lch(57.64 51.03 31.3)
- CMYK
- cmyk(0% 51% 56% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- DC786E
- E1877E
- E6968E
- EBA59D
- EFB4AD
- F3C3BD
- F7D2CD
- FAE1DE
- FDF0EE
深色调
- BA5952
- 9E4B44
- 843E38
- 6A302C
- 522420
- 3B1815
- 250C0A
- 100403
- 020000
灰色调
- CE6C63
- C66F66
- BE726A
- B6746D
- AE7771
- A57974
- 9C7B77
- 937D7A
- 8A7F7D
配色和谐
互补色 +180°
- D6685F
Tory Red
- 00A1AF
≈ Breaking Wave
类似色 -30° +30°
- D6685F
Tory Red
- CF6690
≈ Preppy Rose
- CD7428
≈ Ochre Maroon
三角配色 +120° +240°
- D6685F
Tory Red
- 4CA458
≈ Spinach
- 6689E3
≈ Soft Blue
分裂互补色 +150° +210°
- D6685F
Tory Red
- 00A58C
≈ Brilliant Turquoise
- 0099D7
≈ Bayern Blue
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.49:1 · APCA Lc 62
Ag
AA黑底
WCAG 6.00:1 · APCA Lc 40
最佳文字颜色: #000000
WCAG 6.00:1 (AA) · APCA Lc 40
Contrast pairs
代码片段
CSS
:root {
--tory-red: #d6685f;
--tory-red-rgb: 214 104 95;
--tory-red-oklch: oklch(0.646 0.14 26.4);
}
.element {
color: var(--tory-red);
background-color: hsl(5 59% 61%);
border-color: oklch(0.646 0.14 26.4);
}Tailwind CSS v4
@theme {
--color-tory-red: #d6685f;
--color-tory-red-50: #ffe7df;
--color-tory-red-100: #ffd7ce;
--color-tory-red-200: #ffbeb2;
--color-tory-red-300: #f79b8e;
--color-tory-red-400: #e57b71;
--color-tory-red-500: #d35a52;
--color-tory-red-600: #b24d46;
--color-tory-red-700: #8f3e38;
--color-tory-red-800: #6b2c29;
--color-tory-red-900: #4b1d1c;
--color-tory-red-950: #310d0c;
}SCSS
$tory-red: #d6685f;
$tory-red-rgb: 214, 104, 95;
$tory-red-light: mix(#fff, $tory-red, 20%);
$tory-red-dark: mix(#000, $tory-red, 20%);
.element {
color: $tory-red;
box-shadow: 0 0 0 2px rgba($tory-red, 0.35);
}