命名颜色 · #C48F85
Portuguese Dawn
Portuguese Dawn 即 #C48F85：rgb(196 143 133)、hsl(10 35% 65%)、oklch(0.699 0.067 30.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Portuguese Dawn color name →
#C48F85
oklch(0.699 0.067 30.9)
颜色转换
- HEX
- #c48f85
- RGB
- rgb(196 143 133)
- HSL
- hsl(10 35% 65%)
- HWB
- hwb(10 52% 23%)
- OKLCH
- oklch(0.699 0.067 30.9)
- OKLab
- oklab(0.699 0.057 0.034)
- CIE Lab
- lab(64.48 19.7 13.67)
- LCH
- lch(64.48 23.98 34.8)
- CMYK
- cmyk(0% 27% 32% 23%)
浅色调 · 深色调 · 灰色调
浅色调
- CA9A91
- D0A59C
- D7B0A8
- DDBBB4
- E3C6C1
- E8D1CD
- EEDDD9
- F4E8E6
- F9F3F2
深色调
- AA7C73
- 916961
- 785750
- 614540
- 4A3430
- 352421
- 211513
- 0E0706
- 020101
灰色调
- BD8E85
- B78C84
- B08B84
- A98983
- A28883
- 9C8682
- 958582
- 8E8381
- 878281
配色和谐
互补色 +180°
- C48F85
Portuguese Dawn
- 6BAAB5
≈ Experience
类似色 -30° +30°
- C48F85
Portuguese Dawn
- C28D9C
≈ Beetroot Rice
- BD9574
≈ Warm Hearth
三角配色 +120° +240°
- C48F85
Portuguese Dawn
- 80AA89
≈ Adventurine
- 8E9CC8
≈ Hair Ribbon
分裂互补色 +150° +210°
- C48F85
Portuguese Dawn
- 6EACA0
≈ Turquoise Fantasies
- 78A4C4
≈ Afloat
四角配色 +90° +180° +270°
- C48F85
Portuguese Dawn
- 98A576
≈ Cucuzza Verde
- 6BAAB5
≈ Experience
- A595C2
≈ Enchanted Lilac
对比度与无障碍
Ag
Fail白底
WCAG 2.75:1 · APCA Lc 53
Ag
AAA黑底
WCAG 7.61:1 · APCA Lc 49
最佳文字颜色: #000000
WCAG 7.61:1 (AAA) · APCA Lc 49
Contrast pairs
代码片段
CSS
:root {
--portuguese-dawn: #c48f85;
--portuguese-dawn-rgb: 196 143 133;
--portuguese-dawn-oklch: oklch(0.699 0.067 30.9);
}
.element {
color: var(--portuguese-dawn);
background-color: hsl(10 35% 65%);
border-color: oklch(0.699 0.067 30.9);
}Tailwind CSS v4
@theme {
--color-portuguese-dawn: #c48f85;
--color-portuguese-dawn-50: #ffefe9;
--color-portuguese-dawn-100: #fde0da;
--color-portuguese-dawn-200: #efcbc2;
--color-portuguese-dawn-300: #d7aca2;
--color-portuguese-dawn-400: #c39087;
--color-portuguese-dawn-500: #ae766b;
--color-portuguese-dawn-600: #93645b;
--color-portuguese-dawn-700: #765049;
--color-portuguese-dawn-800: #573a35;
--color-portuguese-dawn-900: #3d2724;
--color-portuguese-dawn-950: #261513;
}SCSS
$portuguese-dawn: #c48f85;
$portuguese-dawn-rgb: 196, 143, 133;
$portuguese-dawn-light: mix(#fff, $portuguese-dawn, 20%);
$portuguese-dawn-dark: mix(#000, $portuguese-dawn, 20%);
.element {
color: $portuguese-dawn;
box-shadow: 0 0 0 2px rgba($portuguese-dawn, 0.35);
}