命名颜色 · #CA7A40
Turmeric Red
Turmeric Red 即 #CA7A40：rgb(202 122 64)、hsl(25 57% 52%)、oklch(0.655 0.124 54.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Turmeric Red color name →
#CA7A40
oklch(0.655 0.124 54.5)
颜色转换
- HEX
- #ca7a40
- RGB
- rgb(202 122 64)
- HSL
- hsl(25 57% 52%)
- HWB
- hwb(25 25% 21%)
- OKLCH
- oklch(0.655 0.124 54.5)
- OKLab
- oklab(0.655 0.072 0.101)
- CIE Lab
- lab(59.35 28.41 44.73)
- LCH
- lch(59.35 52.99 57.6)
- CMYK
- cmyk(0% 40% 68% 21%)
浅色调 · 深色调 · 灰色调
浅色调
- D08755
- D69569
- DCA27C
- E2AF8E
- E7BCA1
- ECCAB4
- F1D7C6
- F6E4D9
- FBF2EC
深色调
- AF6936
- 95592D
- 7C4924
- 643A1B
- 4D2B13
- 371D0B
- 221005
- 0F0501
- 020100
灰色调
- C37B49
- BC7C51
- B57D58
- AE7E5E
- A67F65
- 9F7F6B
- 978070
- 908076
- 88807B
配色和谐
互补色 +180°
- CA7A40
Turmeric Red
- 2D9CD1
≈ Blue Burst
类似色 -30° +30°
- CA7A40
Turmeric Red
- D2706A
≈ Matador’s Cape
- B48922
≈ Arrowwood
三角配色 +120° +240°
- CA7A40
Turmeric Red
- 02A98B
≈ Moray Eel
- 9680D4
≈ Indigo Bloom
分裂互补色 +150° +210°
- CA7A40
Turmeric Red
- 00A4B0
≈ Garish Blue
- 6A8EDC
≈ United Nations Blue
四角配色 +90° +180° +270°
- CA7A40
Turmeric Red
- 5DA45F
≈ Endo
- 2D9CD1
≈ Blue Burst
- B675BB
≈ Lavendless
对比度与无障碍
Ag
Fail白底
WCAG 3.29:1 · APCA Lc 60
Ag
AA黑底
WCAG 6.36:1 · APCA Lc 42
最佳文字颜色: #000000
WCAG 6.36:1 (AA) · APCA Lc 42
Contrast pairs
代码片段
CSS
:root {
--turmeric-red: #ca7a40;
--turmeric-red-rgb: 202 122 64;
--turmeric-red-oklch: oklch(0.655 0.124 54.5);
}
.element {
color: var(--turmeric-red);
background-color: hsl(25 57% 52%);
border-color: oklch(0.655 0.124 54.5);
}Tailwind CSS v4
@theme {
--color-turmeric-red: #ca7a40;
--color-turmeric-red-50: #ffedd4;
--color-turmeric-red-100: #ffdec1;
--color-turmeric-red-200: #fec7a1;
--color-turmeric-red-300: #e8a778;
--color-turmeric-red-400: #d78953;
--color-turmeric-red-500: #c36c27;
--color-turmeric-red-600: #a55c23;
--color-turmeric-red-700: #85491c;
--color-turmeric-red-800: #633414;
--color-turmeric-red-900: #46240d;
--color-turmeric-red-950: #2d1202;
}SCSS
$turmeric-red: #ca7a40;
$turmeric-red-rgb: 202, 122, 64;
$turmeric-red-light: mix(#fff, $turmeric-red, 20%);
$turmeric-red-dark: mix(#000, $turmeric-red, 20%);
.element {
color: $turmeric-red;
box-shadow: 0 0 0 2px rgba($turmeric-red, 0.35);
}