命名颜色 · #FBECCC
Honey Moth
Honey Moth 即 #FBECCC：rgb(251 236 204)、hsl(41 85% 89%)、oklch(0.947 0.045 85.9)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Honey Moth color name →
#FBECCC
oklch(0.947 0.045 85.9)
颜色转换
- HEX
- #fbeccc
- RGB
- rgb(251 236 204)
- HSL
- hsl(41 85% 89%)
- HWB
- hwb(41 80% 2%)
- OKLCH
- oklch(0.947 0.045 85.9)
- OKLab
- oklab(0.947 0.003 0.045)
- CIE Lab
- lab(93.99 1.53 17.51)
- LCH
- lch(93.99 17.58 85)
- CMYK
- cmyk(0% 6% 19% 2%)
浅色调 · 深色调 · 灰色调
浅色调
- FBEED1
- FCF0D6
- FCF2DB
- FDF4E1
- FDF6E6
- FDF7EB
- FEF9F0
- FEFBF5
- FFFDFA
深色调
- DACDB1
- BAAF97
- 9C927E
- 7E7665
- 615B4E
- 464237
- 2D2922
- 15130F
- 030302
灰色调
- EEE1C4
- E1D6BC
- D5CAB5
- C8BFAD
- BCB5A5
- AFAA9E
- A39F96
- 97958F
- 8C8A87
配色和谐
互补色 +180°
- FBECCC
Honey Moth
- E5EEFF
≈ Brilliant White
类似色 -30° +30°
- FBECCC
Honey Moth
- FFE9DA
≈ Guiding Star
- EBF2D0
≈ Light of New Hope
三角配色 +120° +240°
- FBECCC
Honey Moth
- CCF7FC
≈ Vaporised
- FEE4FE
≈ Fairy Salt
分裂互补色 +150° +210°
- FBECCC
Honey Moth
- DCF1FF
≈ Wizard White
- EFEAFF
≈ Placebo Purple
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.16:1 · APCA Lc 8
Ag
AAA黑底
WCAG 17.97:1 · APCA Lc 96
最佳文字颜色: #000000
WCAG 17.97:1 (AAA) · APCA Lc 96
Contrast pairs
代码片段
CSS
:root {
--honey-moth: #fbeccc;
--honey-moth-rgb: 251 236 204;
--honey-moth-oklch: oklch(0.947 0.045 85.9);
}
.element {
color: var(--honey-moth);
background-color: hsl(41 85% 89%);
border-color: oklch(0.947 0.045 85.9);
}Tailwind CSS v4
@theme {
--color-honey-moth: #fbeccc;
--color-honey-moth-50: #faf5e7;
--color-honey-moth-100: #eee7d7;
--color-honey-moth-200: #dcd4bf;
--color-honey-moth-300: #c1b79e;
--color-honey-moth-400: #aa9d81;
--color-honey-moth-500: #948464;
--color-honey-moth-600: #7d7055;
--color-honey-moth-700: #645a44;
--color-honey-moth-800: #4a4131;
--color-honey-moth-900: #332d21;
--color-honey-moth-950: #1f1a10;
}SCSS
$honey-moth: #fbeccc;
$honey-moth-rgb: 251, 236, 204;
$honey-moth-light: mix(#fff, $honey-moth, 20%);
$honey-moth-dark: mix(#000, $honey-moth, 20%);
.element {
color: $honey-moth;
box-shadow: 0 0 0 2px rgba($honey-moth, 0.35);
}