最接近的命名颜色 · #C92A65
#C92A65
最接近的命名颜色: Spicy Berry
#C92A65（rgb(201 42 101)、hsl(338 65% 48%)、oklch(0.557 0.197 4.6)）最接近命名颜色 Spicy Berry。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#C92A65
oklch(0.557 0.197 4.6)
颜色转换
- HEX
- #c92a65
- RGB
- rgb(201 42 101)
- HSL
- hsl(338 65% 48%)
- HWB
- hwb(338 16% 21%)
- OKLCH
- oklch(0.557 0.197 4.6)
- OKLab
- oklab(0.557 0.196 0.016)
- CIE Lab
- lab(46.24 63.71 7.25)
- LCH
- lch(46.24 64.12 6.5)
- CMYK
- cmyk(0% 79% 50% 21%)
浅色调 · 深色调 · 灰色调
浅色调
- D14773
- D95E82
- E07490
- E788A0
- ED9CAF
- F2B0BE
- F6C4CE
- FAD8DE
- FDEBEF
深色调
- AE2357
- 951C49
- 7C163C
- 64102F
- 4C0A22
- 360517
- 22020C
- 0F0103
- 020000
灰色调
- C33968
- BE456A
- B74F6D
- B15870
- AA6072
- A36775
- 9B6E78
- 93747B
- 8A7A7D
配色和谐
互补色 +180°
- C92A65
Spicy Berry
- 00867B
≈ Mystic Turquoise
类似色 -30° +30°
- C92A65
Spicy Berry
- B438A1
≈ Byzantine
- CD3202
≈ Pleasant Pomegranate
三角配色 +120° +240°
- C92A65
Spicy Berry
- 628000
≈ Enchanted Forest
- 0079BE
≈ Roller Coaster Chariot
分裂互补色 +150° +210°
- C92A65
Spicy Berry
- 008A4D
≈ Real Turquoise
- 008297
≈ Cruising
四角配色 +90° +180° +270°
- C92A65
Spicy Berry
- 897200
≈ Vermin Brown
- 00867B
≈ Mystic Turquoise
- 5660E4
≈ Arcane Brew
对比度与无障碍
Ag
AA白底
WCAG 5.24:1 · APCA Lc 75
Ag
Fail黑底
WCAG 4.00:1 · APCA Lc 27
最佳文字颜色: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 75
Contrast pairs
代码片段
CSS
:root {
--spicy-berry: #c92a65;
--spicy-berry-rgb: 201 42 101;
--spicy-berry-oklch: oklch(0.557 0.197 4.6);
}
.element {
color: var(--spicy-berry);
background-color: hsl(338 65% 48%);
border-color: oklch(0.557 0.197 4.6);
}Tailwind CSS v4
@theme {
--color-spicy-berry: #c92a65;
--color-spicy-berry-50: #ffdeec;
--color-spicy-berry-100: #ffcddd;
--color-spicy-berry-200: #ffb0c6;
--color-spicy-berry-300: #ff89a7;
--color-spicy-berry-400: #f86390;
--color-spicy-berry-500: #e73476;
--color-spicy-berry-600: #c32f64;
--color-spicy-berry-700: #9d2650;
--color-spicy-berry-800: #75193c;
--color-spicy-berry-900: #521129;
--color-spicy-berry-950: #370217;
}SCSS
$spicy-berry: #c92a65;
$spicy-berry-rgb: 201, 42, 101;
$spicy-berry-light: mix(#fff, $spicy-berry, 20%);
$spicy-berry-dark: mix(#000, $spicy-berry, 20%);
.element {
color: $spicy-berry;
box-shadow: 0 0 0 2px rgba($spicy-berry, 0.35);
}