最接近的命名颜色 · #FD9798
#FD9798
最接近的命名颜色: Mad Pinker
#FD9798（rgb(253 151 152)、hsl(359 96% 79%)、oklch(0.783 0.123 19.6)）最接近命名颜色 Mad Pinker。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#FD9798
oklch(0.783 0.123 19.6)
颜色转换
- HEX
- #fd9798
- RGB
- rgb(253 151 152)
- HSL
- hsl(359 96% 79%)
- HWB
- hwb(359 59% 1%)
- OKLCH
- oklch(0.783 0.123 19.6)
- OKLab
- oklab(0.783 0.116 0.041)
- CIE Lab
- lab(73.51 39.25 16.86)
- LCH
- lch(73.51 42.71 23.2)
- CMYK
- cmyk(0% 40% 40% 1%)
浅色调 · 深色调 · 灰色调
浅色调
- FEA2A2
- FFACAC
- FFB7B6
- FFC1C0
- FFCCCB
- FFD6D5
- FFE0DF
- FFEBEA
- FFF5F4
深色调
- DC8384
- BC6F70
- 9D5C5C
- 7F494A
- 623738
- 472627
- 2D1717
- 160808
- 030101
灰色调
- F19596
- E49393
- D89191
- CB8F8F
- BF8D8C
- B38B8A
- A68887
- 9A8585
- 8D8382
配色和谐
互补色 +180°
- FD9798
Mad Pinker
- 34D0D7
≈ Jade Glass
类似色 -30° +30°
- FD9798
Mad Pinker
- F397C4
≈ Pastel Magenta
- F7A06F
≈ Copper River
三角配色 +120° +240°
- FD9798
Mad Pinker
- 8ECB7F
≈ Fresh Cut Grass
- 8EB9FF
≈ Carolina Blue
分裂互补色 +150° +210°
- FD9798
Mad Pinker
- 58D1AC
≈ Aquarium Blue
- 55C7F7
≈ Thor’s Thunder
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 2.08:1 · APCA Lc 41
Ag
AAA黑底
WCAG 10.05:1 · APCA Lc 62
最佳文字颜色: #000000
WCAG 10.05:1 (AAA) · APCA Lc 62
Contrast pairs
代码片段
CSS
:root {
--mad-pinker: #fd9798;
--mad-pinker-rgb: 253 151 152;
--mad-pinker-oklch: oklch(0.783 0.123 19.6);
}
.element {
color: var(--mad-pinker);
background-color: hsl(359 96% 79%);
border-color: oklch(0.783 0.123 19.6);
}Tailwind CSS v4
@theme {
--color-mad-pinker: #fd9798;
--color-mad-pinker-50: #ffe8e6;
--color-mad-pinker-100: #ffd8d6;
--color-mad-pinker-200: #ffc0bd;
--color-mad-pinker-300: #f09e9b;
--color-mad-pinker-400: #dd7f81;
--color-mad-pinker-500: #ca6064;
--color-mad-pinker-600: #ab5255;
--color-mad-pinker-700: #894244;
--color-mad-pinker-800: #662f32;
--color-mad-pinker-900: #482022;
--color-mad-pinker-950: #2f0f11;
}SCSS
$mad-pinker: #fd9798;
$mad-pinker-rgb: 253, 151, 152;
$mad-pinker-light: mix(#fff, $mad-pinker, 20%);
$mad-pinker-dark: mix(#000, $mad-pinker, 20%);
.element {
color: $mad-pinker;
box-shadow: 0 0 0 2px rgba($mad-pinker, 0.35);
}