最接近的命名颜色 · #FABED7
#FABED7
最接近的命名颜色: Cotton Candy
#FABED7（rgb(250 190 215)、hsl(335 86% 86%)、oklch(0.863 0.076 352)）最接近命名颜色 Cotton Candy。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#FABED7
oklch(0.863 0.076 352)
颜色转换
- HEX
- #fabed7
- RGB
- rgb(250 190 215)
- HSL
- hsl(335 86% 86%)
- HWB
- hwb(335 75% 2%)
- OKLCH
- oklch(0.863 0.076 352)
- OKLab
- oklab(0.863 0.075 -0.011)
- CIE Lab
- lab(83.07 24.96 -3.74)
- LCH
- lch(83.07 25.24 351.5)
- CMYK
- cmyk(0% 24% 14% 2%)
浅色调 · 深色调 · 灰色调
浅色调
- FBC5DB
- FCCBDF
- FCD2E3
- FDD8E7
- FEDFEB
- FEE5EF
- FFECF3
- FFF2F7
- FFF9FB
深色调
- D9A5BB
- BA8C9F
- 9B7585
- 7D5E6B
- 614852
- 46333B
- 2D1F25
- 150D11
- 030202
灰色调
- EDB8CE
- E1B1C5
- D5ABBC
- C8A5B3
- BC9FAA
- B099A2
- A49299
- 988C91
- 8C8688
配色和谐
互补色 +180°
- FABED7
Cotton Candy
- 9EE3CC
≈ Aqua Wish
类似色 -30° +30°
- FABED7
Cotton Candy
- EAC2F0
≈ Purple’s Baby Sister
- FFBFBC
≈ Peach Scone
三角配色 +120° +240°
- FABED7
Cotton Candy
- D2D79E
≈ Misty Bead
- 9FDBFB
≈ Columbia Blue
分裂互补色 +150° +210°
- FABED7
Cotton Candy
- B6DFB1
≈ Graceful Flower
- 95E1E7
≈ Aqua Fiesta
四角配色 +90° +180° +270°
- FABED7
Cotton Candy
- EBCE99
≈ Sunlight
- 9EE3CC
≈ Aqua Wish
- BAD3FF
≈ Ice Cold Stare
对比度与无障碍
Ag
Fail白底
WCAG 1.56:1 · APCA Lc 26
Ag
AAA黑底
WCAG 13.41:1 · APCA Lc 77
最佳文字颜色: #000000
WCAG 13.41:1 (AAA) · APCA Lc 77
Contrast pairs
代码片段
CSS
:root {
--cotton-candy: #fabed7;
--cotton-candy-rgb: 250 190 215;
--cotton-candy-oklch: oklch(0.863 0.076 352);
}
.element {
color: var(--cotton-candy);
background-color: hsl(335 86% 86%);
border-color: oklch(0.863 0.076 352);
}Tailwind CSS v4
@theme {
--color-cotton-candy: #fabed7;
--color-cotton-candy-50: #ffedf7;
--color-cotton-candy-100: #fedee9;
--color-cotton-candy-200: #f0c8d6;
--color-cotton-candy-300: #d8a8ba;
--color-cotton-candy-400: #c28ca3;
--color-cotton-candy-500: #ad718b;
--color-cotton-candy-600: #926076;
--color-cotton-candy-700: #754d5e;
--color-cotton-candy-800: #563746;
--color-cotton-candy-900: #3c2630;
--color-cotton-candy-950: #26141d;
}SCSS
$cotton-candy: #fabed7;
$cotton-candy-rgb: 250, 190, 215;
$cotton-candy-light: mix(#fff, $cotton-candy, 20%);
$cotton-candy-dark: mix(#000, $cotton-candy, 20%);
.element {
color: $cotton-candy;
box-shadow: 0 0 0 2px rgba($cotton-candy, 0.35);
}