命名颜色 · #DC938C
Tuscan Image
Tuscan Image 即 #DC938C：rgb(220 147 140)、hsl(5 53% 71%)、oklch(0.734 0.09 25.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Tuscan Image color name →
#DC938C
oklch(0.734 0.09 25.5)
颜色转换
- HEX
- #dc938c
- RGB
- rgb(220 147 140)
- HSL
- hsl(5 53% 71%)
- HWB
- hwb(5 55% 14%)
- OKLCH
- oklch(0.734 0.09 25.5)
- OKLab
- oklab(0.734 0.081 0.039)
- CIE Lab
- lab(68.34 27.72 15.61)
- LCH
- lch(68.34 31.81 29.4)
- CMYK
- cmyk(0% 33% 36% 14%)
浅色调 · 深色调 · 灰色调
浅色调
- E09E97
- E4A8A2
- E8B3AE
- ECBEB9
- F0C9C4
- F3D3D0
- F6DEDC
- F9E9E7
- FCF4F3
深色调
- BF7F79
- A36C67
- 885955
- 6E4743
- 543633
- 3C2523
- 261614
- 110807
- 020101
灰色调
- D3918B
- CA908A
- C18E89
- B88C87
- AE8A86
- A58885
- 9C8684
- 938483
- 898281
配色和谐
互补色 +180°
- DC938C
Tuscan Image
- 5CB9C4
≈ Shinbashi
类似色 -30° +30°
- DC938C
Tuscan Image
- D791AB
≈ Foxy Pink
- D59A72
≈ Rustic Adobe
三角配色 +120° +240°
- DC938C
Tuscan Image
- 85B887
≈ Aniseed Leaf Green
- 8EA8E2
≈ Queer Blue
分裂互补色 +150° +210°
- DC938C
Tuscan Image
- 66BCA6
≈ Bath Turquoise
- 6FB2DA
≈ Milky Waves
四角配色 +90° +180° +270°
- DC938C
Tuscan Image
- A6B06E
≈ Umbrella Green
- 5CB9C4
≈ Shinbashi
- AD9EDC
≈ Violet Velvet
对比度与无障碍
Ag
Fail白底
WCAG 2.44:1 · APCA Lc 48
Ag
AAA黑底
WCAG 8.59:1 · APCA Lc 54
最佳文字颜色: #000000
WCAG 8.59:1 (AAA) · APCA Lc 54
Contrast pairs
代码片段
CSS
:root {
--tuscan-image: #dc938c;
--tuscan-image-rgb: 220 147 140;
--tuscan-image-oklch: oklch(0.734 0.09 25.5);
}
.element {
color: var(--tuscan-image);
background-color: hsl(5 53% 71%);
border-color: oklch(0.734 0.09 25.5);
}Tailwind CSS v4
@theme {
--color-tuscan-image: #dc938c;
--color-tuscan-image-50: #ffece7;
--color-tuscan-image-100: #ffddd8;
--color-tuscan-image-200: #f9c6bf;
--color-tuscan-image-300: #e2a69e;
--color-tuscan-image-400: #ce8a83;
--color-tuscan-image-500: #ba6e67;
--color-tuscan-image-600: #9d5d58;
--color-tuscan-image-700: #7e4a46;
--color-tuscan-image-800: #5e3633;
--color-tuscan-image-900: #422523;
--color-tuscan-image-950: #2a1312;
}SCSS
$tuscan-image: #dc938c;
$tuscan-image-rgb: 220, 147, 140;
$tuscan-image-light: mix(#fff, $tuscan-image, 20%);
$tuscan-image-dark: mix(#000, $tuscan-image, 20%);
.element {
color: $tuscan-image;
box-shadow: 0 0 0 2px rgba($tuscan-image, 0.35);
}