最接近的命名颜色 · #CB6079
#CB6079
最接近的命名颜色: Peppermint Swirl
#CB6079（rgb(203 96 121)、hsl(346 51% 59%)、oklch(0.625 0.138 7.2)）最接近命名颜色 Peppermint Swirl。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#CB6079
oklch(0.625 0.138 7.2)
颜色转换
- HEX
- #cb6079
- RGB
- rgb(203 96 121)
- HSL
- hsl(346 51% 59%)
- HWB
- hwb(346 38% 20%)
- OKLCH
- oklch(0.625 0.138 7.2)
- OKLab
- oklab(0.625 0.137 0.017)
- CIE Lab
- lab(54.9 45.13 7.4)
- LCH
- lch(54.9 45.73 9.3)
- CMYK
- cmyk(0% 53% 40% 20%)
浅色调 · 深色调 · 灰色调
浅色调
- D27086
- D88192
- DF909F
- E4A0AC
- EAB0BA
- EFC0C7
- F3CFD5
- F8DFE3
- FCEFF1
深色调
- B05268
- 964558
- 7D3848
- 652C39
- 4D202B
- 37151D
- 220A10
- 0F0305
- 020001
灰色调
- C4647A
- BE687A
- B76C7B
- B0707C
- A8737D
- A1767D
- 99797E
- 917B7F
- 897E7F
配色和谐
互补色 +180°
- CB6079
Peppermint Swirl
- 009C93
≈ Caribbean Turquoise
类似色 -30° +30°
- CB6079
Peppermint Swirl
- BB64A5
≈ Young Purple
- CC6648
≈ Enshūcha Red
三角配色 +120° +240°
- CB6079
Peppermint Swirl
- 71962F
≈ Hidden Valley
- 348DD6
≈ Magical Merlin
分裂互补色 +150° +210°
- CB6079
Peppermint Swirl
- 23A065
≈ Biel-Tan Green
- 0097B4
≈ Bondi Blue
四角配色 +90° +180° +270°
- CB6079
Peppermint Swirl
- 9E8700
≈ Captain Kirk
- 009C93
≈ Caribbean Turquoise
- 747ED9
≈ Tanzine
对比度与无障碍
Ag
Fail白底
WCAG 3.82:1 · APCA Lc 65
Ag
AA黑底
WCAG 5.48:1 · APCA Lc 36
最佳文字颜色: #000000
WCAG 5.48:1 (AA) · APCA Lc 36
Contrast pairs
代码片段
CSS
:root {
--peppermint-swirl: #cb6079;
--peppermint-swirl-rgb: 203 96 121;
--peppermint-swirl-oklch: oklch(0.625 0.138 7.2);
}
.element {
color: var(--peppermint-swirl);
background-color: hsl(346 51% 59%);
border-color: oklch(0.625 0.138 7.2);
}Tailwind CSS v4
@theme {
--color-peppermint-swirl: #cb6079;
--color-peppermint-swirl-50: #ffe6ed;
--color-peppermint-swirl-100: #ffd6de;
--color-peppermint-swirl-200: #ffbcc8;
--color-peppermint-swirl-300: #f499a8;
--color-peppermint-swirl-400: #e27990;
--color-peppermint-swirl-500: #cf5976;
--color-peppermint-swirl-600: #af4c64;
--color-peppermint-swirl-700: #8c3d50;
--color-peppermint-swirl-800: #682b3c;
--color-peppermint-swirl-900: #491d29;
--color-peppermint-swirl-950: #300d17;
}SCSS
$peppermint-swirl: #cb6079;
$peppermint-swirl-rgb: 203, 96, 121;
$peppermint-swirl-light: mix(#fff, $peppermint-swirl, 20%);
$peppermint-swirl-dark: mix(#000, $peppermint-swirl, 20%);
.element {
color: $peppermint-swirl;
box-shadow: 0 0 0 2px rgba($peppermint-swirl, 0.35);
}