最接近的命名颜色 · #BE596A
#BE596A
最接近的命名颜色: Candied Apple
#BE596A（rgb(190 89 106)、hsl(350 44% 55%)、oklch(0.593 0.13 11.4)）最接近命名颜色 Candied Apple。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#BE596A
oklch(0.593 0.13 11.4)
颜色转换
- HEX
- #be596a
- RGB
- rgb(190 89 106)
- HSL
- hsl(350 44% 55%)
- HWB
- hwb(350 35% 25%)
- OKLCH
- oklch(0.593 0.13 11.4)
- OKLab
- oklab(0.593 0.128 0.026)
- CIE Lab
- lab(51.26 42.62 10.85)
- LCH
- lch(51.26 43.98 14.3)
- CMYK
- cmyk(0% 53% 44% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- C66A78
- CE7B86
- D58B94
- DC9BA3
- E3ACB2
- E9BCC1
- EFCDD0
- F5DDE0
- FAEEEF
深色调
- A54C5B
- 8C404D
- 75343F
- 5E2831
- 481D24
- 331318
- 1F090D
- 0D0304
- 020000
灰色调
- B95E6C
- B3636E
- AE6771
- A86B73
- A26F75
- 9C7377
- 957679
- 8F7A7C
- 887D7E
配色和谐
互补色 +180°
- BE596A
Candied Apple
- 00918D
≈ Supermint
类似色 -30° +30°
- BE596A
Candied Apple
- B15C94
≈ Spruce Tree Flower
- BD603B
≈ Deep Reddish Orange
三角配色 +120° +240°
- BE596A
Candied Apple
- 618D32
≈ Maximum Green
- 3B81C9
≈ Worn Denim
分裂互补色 +150° +210°
- BE596A
Candied Apple
- 039565
≈ Emerald Lake
- 008CAC
≈ Quintana
四角配色 +90° +180° +270°
- BE596A
Candied Apple
- 8E7F00
≈ Moscow Papyrus
- 00918D
≈ Supermint
- 7272C9
≈ Kickstart Purple
对比度与无障碍
Ag
Fail白底
WCAG 4.35:1 · APCA Lc 70
Ag
AA黑底
WCAG 4.82:1 · APCA Lc 32
最佳文字颜色: #000000
WCAG 4.82:1 (AA) · APCA Lc 32
Contrast pairs
代码片段
CSS
:root {
--candied-apple: #be596a;
--candied-apple-rgb: 190 89 106;
--candied-apple-oklch: oklch(0.593 0.13 11.4);
}
.element {
color: var(--candied-apple);
background-color: hsl(350 44% 55%);
border-color: oklch(0.593 0.13 11.4);
}Tailwind CSS v4
@theme {
--color-candied-apple: #be596a;
--color-candied-apple-50: #ffe7ea;
--color-candied-apple-100: #ffd7db;
--color-candied-apple-200: #ffbec4;
--color-candied-apple-300: #f29ba4;
--color-candied-apple-400: #e07c8b;
--color-candied-apple-500: #cd5c70;
--color-candied-apple-600: #ad4f5f;
--color-candied-apple-700: #8b3f4c;
--color-candied-apple-800: #672d38;
--color-candied-apple-900: #491e27;
--color-candied-apple-950: #2f0e15;
}SCSS
$candied-apple: #be596a;
$candied-apple-rgb: 190, 89, 106;
$candied-apple-light: mix(#fff, $candied-apple, 20%);
$candied-apple-dark: mix(#000, $candied-apple, 20%);
.element {
color: $candied-apple;
box-shadow: 0 0 0 2px rgba($candied-apple, 0.35);
}