命名颜色 · #A74E4A
Persimmon Red
Persimmon Red 即 #A74E4A：rgb(167 78 74)、hsl(3 39% 47%)、oklch(0.535 0.118 24.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Persimmon Red color name →
#A74E4A
oklch(0.535 0.118 24.5)
颜色转换
- HEX
- #a74e4a
- RGB
- rgb(167 78 74)
- HSL
- hsl(3 39% 47%)
- HWB
- hwb(3 29% 35%)
- OKLCH
- oklch(0.535 0.118 24.5)
- OKLab
- oklab(0.535 0.108 0.049)
- CIE Lab
- lab(44.91 37.17 20.76)
- LCH
- lch(44.91 42.57 29.2)
- CMYK
- cmyk(0% 53% 56% 35%)
浅色调 · 深色调 · 灰色调
浅色调
- B1605B
- BB716C
- C5837D
- CE948F
- D7A5A1
- DFB7B3
- E8C9C6
- F0DBD9
- F8EDEC
深色调
- 91433F
- 7B3835
- 662D2A
- 522320
- 3E1917
- 2C0F0E
- 1A0706
- 0A0202
- 010000
灰色调
- A45450
- A15A55
- 9E5F5B
- 9A6460
- 976965
- 936E6B
- 8F7370
- 8A7775
- 857C7B
配色和谐
互补色 +180°
- A74E4A
Persimmon Red
- 007C86
≈ Cote D’Azur
类似色 -30° +30°
- A74E4A
Persimmon Red
- A14D71
≈ Ancient Fuchsia
- A1571D
≈ Bright Bronze
三角配色 +120° +240°
- A74E4A
Persimmon Red
- 3C7F3E
≈ Hills of Ireland
- 4A6AB2
≈ Azraq Blue
分裂互补色 +150° +210°
- A74E4A
Persimmon Red
- 008069
≈ Emperor’s Silk
- 0076A4
≈ Summer Lake
四角配色 +90° +180° +270°
- A74E4A
Persimmon Red
- 6C7407
≈ Spinach Soup
- 007C86
≈ Cote D’Azur
- 725EAA
≈ Genestealer Purple
对比度与无障碍
Ag
AA白底
WCAG 5.48:1 · APCA Lc 77
Ag
Fail黑底
WCAG 3.83:1 · APCA Lc 25
最佳文字颜色: #FFFFFF
WCAG 5.48:1 (AA) · APCA Lc 77
Contrast pairs
代码片段
CSS
:root {
--persimmon-red: #a74e4a;
--persimmon-red-rgb: 167 78 74;
--persimmon-red-oklch: oklch(0.535 0.118 24.5);
}
.element {
color: var(--persimmon-red);
background-color: hsl(3 39% 47%);
border-color: oklch(0.535 0.118 24.5);
}Tailwind CSS v4
@theme {
--color-persimmon-red: #a74e4a;
--color-persimmon-red-50: #ffe9e3;
--color-persimmon-red-100: #ffdad3;
--color-persimmon-red-200: #ffc1ba;
--color-persimmon-red-300: #eea097;
--color-persimmon-red-400: #dc817b;
--color-persimmon-red-500: #c9635e;
--color-persimmon-red-600: #a95450;
--color-persimmon-red-700: #884340;
--color-persimmon-red-800: #65302f;
--color-persimmon-red-900: #472120;
--color-persimmon-red-950: #2e100f;
}SCSS
$persimmon-red: #a74e4a;
$persimmon-red-rgb: 167, 78, 74;
$persimmon-red-light: mix(#fff, $persimmon-red, 20%);
$persimmon-red-dark: mix(#000, $persimmon-red, 20%);
.element {
color: $persimmon-red;
box-shadow: 0 0 0 2px rgba($persimmon-red, 0.35);
}