最接近的命名颜色 · #F9BBAA
#F9BBAA
最接近的命名颜色: Wax Flower
#F9BBAA（rgb(249 187 170)、hsl(13 87% 82%)、oklch(0.844 0.076 35.9)）最接近命名颜色 Wax Flower。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#F9BBAA
oklch(0.844 0.076 35.9)
颜色转换
- HEX
- #f9bbaa
- RGB
- rgb(249 187 170)
- HSL
- hsl(13 87% 82%)
- HWB
- hwb(13 67% 2%)
- OKLCH
- oklch(0.844 0.076 35.9)
- OKLab
- oklab(0.844 0.062 0.045)
- CIE Lab
- lab(81.37 21.39 17.82)
- LCH
- lch(81.37 27.84 39.8)
- CMYK
- cmyk(0% 25% 32% 2%)
浅色调 · 深色调 · 灰色调
浅色调
- FAC2B2
- FBC9BB
- FCCFC3
- FDD6CC
- FDDDD4
- FEE4DD
- FEEBE5
- FFF1EE
- FFF8F6
深色调
- D9A293
- B98A7D
- 9A7368
- 7D5C53
- 61463F
- 46322D
- 2C1F1B
- 150D0B
- 030201
灰色调
- EDB5A6
- E0AFA2
- D4A99D
- C8A399
- BC9D95
- B09891
- A4928D
- 988C88
- 8C8684
配色和谐
互补色 +180°
- F9BBAA
Wax Flower
- 91D9EC
≈ Tanager Turquoise
类似色 -30° +30°
- F9BBAA
Wax Flower
- F8B8C4
≈ Christy’s Smile
- EFC397
≈ Apricot Soufflé
三角配色 +120° +240°
- F9BBAA
Wax Flower
- A4DBB7
≈ Birthday King
- BEC8FE
≈ Light Periwinkle
分裂互补色 +150° +210°
- F9BBAA
Wax Flower
- 91DDD3
≈ Land Ahoy!
- A3D2FB
≈ Baby Blue
四角配色 +90° +180° +270°
- F9BBAA
Wax Flower
- C0D59F
≈ Cricket Field
- 91D9EC
≈ Tanager Turquoise
- D8C0F4
≈ Beefy Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.65:1 · APCA Lc 29
Ag
AAA黑底
WCAG 12.71:1 · APCA Lc 74
最佳文字颜色: #000000
WCAG 12.71:1 (AAA) · APCA Lc 74
Contrast pairs
代码片段
CSS
:root {
--wax-flower: #f9bbaa;
--wax-flower-rgb: 249 187 170;
--wax-flower-oklch: oklch(0.844 0.076 35.9);
}
.element {
color: var(--wax-flower);
background-color: hsl(13 87% 82%);
border-color: oklch(0.844 0.076 35.9);
}Tailwind CSS v4
@theme {
--color-wax-flower: #f9bbaa;
--color-wax-flower-50: #ffeee6;
--color-wax-flower-100: #ffe0d6;
--color-wax-flower-200: #f2cabd;
--color-wax-flower-300: #dbab9c;
--color-wax-flower-400: #c78f7f;
--color-wax-flower-500: #b27463;
--color-wax-flower-600: #976254;
--color-wax-flower-700: #794e43;
--color-wax-flower-800: #5a3931;
--color-wax-flower-900: #3f2721;
--color-wax-flower-950: #281510;
}SCSS
$wax-flower: #f9bbaa;
$wax-flower-rgb: 249, 187, 170;
$wax-flower-light: mix(#fff, $wax-flower, 20%);
$wax-flower-dark: mix(#000, $wax-flower, 20%);
.element {
color: $wax-flower;
box-shadow: 0 0 0 2px rgba($wax-flower, 0.35);
}