最接近的命名颜色 · #F39E98
#F39E98
最接近的命名颜色: Young Crab
#F39E98（rgb(243 158 152)、hsl(4 79% 77%)、oklch(0.782 0.103 24.1)）最接近命名颜色 Young Crab。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#F39E98
oklch(0.782 0.103 24.1)
颜色转换
- HEX
- #f39e98
- RGB
- rgb(243 158 152)
- HSL
- hsl(4 79% 77%)
- HWB
- hwb(4 60% 5%)
- OKLCH
- oklch(0.782 0.103 24.1)
- OKLab
- oklab(0.782 0.094 0.042)
- CIE Lab
- lab(73.78 32.03 16.98)
- LCH
- lch(73.78 36.25 27.9)
- CMYK
- cmyk(0% 35% 37% 5%)
浅色调 · 深色调 · 灰色调
浅色调
- F5A8A2
- F7B2AC
- F9BBB6
- FAC5C0
- FCCFCB
- FDD8D5
- FEE2DF
- FEECEA
- FFF5F4
深色调
- D38984
- B47470
- 97605C
- 7A4D4A
- 5E3A38
- 442927
- 2B1817
- 140908
- 030101
灰色调
- E79B96
- DC9993
- D19691
- C5938F
- BA908C
- AE8D8A
- A38A87
- 978785
- 8C8382
配色和谐
互补色 +180°
- F39E98
Young Crab
- 5BCBD6
≈ Watercourse
类似色 -30° +30°
- F39E98
Young Crab
- EC9DBD
≈ Amaranth Pink
- ECA678
≈ Prairie Sun
三角配色 +120° +240°
- F39E98
Young Crab
- 8FCA8E
≈ Good Luck Charm
- 97B8FB
≈ Truesky Gloxym
分裂互补色 +150° +210°
- F39E98
Young Crab
- 6ACEB3
≈ Sweet Garden
- 71C3F0
≈ Blue Mana
四角配色 +90° +180° +270°
- F39E98
Young Crab
- B7C071
≈ Zoodles
- 5BCBD6
≈ Watercourse
- BCACF4
≈ Winterspring Lilac
对比度与无障碍
Ag
Fail白底
WCAG 2.06:1 · APCA Lc 40
Ag
AAA黑底
WCAG 10.15:1 · APCA Lc 62
最佳文字颜色: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
代码片段
CSS
:root {
--young-crab: #f39e98;
--young-crab-rgb: 243 158 152;
--young-crab-oklch: oklch(0.782 0.103 24.1);
}
.element {
color: var(--young-crab);
background-color: hsl(4 79% 77%);
border-color: oklch(0.782 0.103 24.1);
}Tailwind CSS v4
@theme {
--color-young-crab: #f39e98;
--color-young-crab-50: #ffebe6;
--color-young-crab-100: #ffdcd6;
--color-young-crab-200: #fdc4bd;
--color-young-crab-300: #e7a39c;
--color-young-crab-400: #d48681;
--color-young-crab-500: #c16964;
--color-young-crab-600: #a35955;
--color-young-crab-700: #834744;
--color-young-crab-800: #613332;
--color-young-crab-900: #442322;
--color-young-crab-950: #2c1211;
}SCSS
$young-crab: #f39e98;
$young-crab-rgb: 243, 158, 152;
$young-crab-light: mix(#fff, $young-crab, 20%);
$young-crab-dark: mix(#000, $young-crab, 20%);
.element {
color: $young-crab;
box-shadow: 0 0 0 2px rgba($young-crab, 0.35);
}