命名颜色 · #FEFFCC
Polyanthus Narcissus
Polyanthus Narcissus 即 #FEFFCC：rgb(254 255 204)、hsl(61 100% 90%)、oklch(0.987 0.065 108.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Polyanthus Narcissus color name →
#FEFFCC
oklch(0.987 0.065 108.5)
颜色转换
- HEX
- #feffcc
- RGB
- rgb(254 255 204)
- HSL
- hsl(61 100% 90%)
- HWB
- hwb(61 80% 0%)
- OKLCH
- oklch(0.987 0.065 108.5)
- OKLab
- oklab(0.987 -0.021 0.062)
- CIE Lab
- lab(98.99 -6.32 24.39)
- LCH
- lch(98.99 25.19 104.5)
- CMYK
- cmyk(0% 0% 20% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FEFFD1
- FEFFD7
- FEFFDC
- FEFFE1
- FEFFE6
- FEFFEB
- FFFFF0
- FFFFF5
- FFFFFA
深色调
- DDDEB1
- BDBE97
- 9E9E7E
- 808065
- 63634E
- 474837
- 2D2E22
- 16160F
- 030302
灰色调
- F1F2C4
- E4E4BD
- D7D7B5
- CACAAD
- BDBEA6
- B0B19E
- A4A497
- 98988F
- 8C8C88
配色和谐
互补色 +180°
- FEFFCC
Polyanthus Narcissus
- FAFAFF
≈ Wash Me
类似色 -30° +30°
- FEFFCC
Polyanthus Narcissus
- FFFAF2
≈ Floral White
- F3FFEF
≈ Honeydew
三角配色 +120° +240°
- FEFFCC
Polyanthus Narcissus
- F5FCFF
≈ Heart of Ice
- FFF9FB
≈ Snowman
分裂互补色 +150° +210°
- FEFFCC
Polyanthus Narcissus
- F8FBFF
≈ Heart of Ice
- FEF9FF
≈ Cold Snow
四角配色 +90° +180° +270°
- FEFFCC
Polyanthus Narcissus
- EEFFFF
≈ Aphrodite’s Pearls
- FAFAFF
≈ Wash Me
- FFF9F9
≈ Snow
对比度与无障碍
Ag
Fail白底
WCAG 1.02:1 · APCA Lc 0
Ag
AAA黑底
WCAG 20.39:1 · APCA Lc 106
最佳文字颜色: #000000
WCAG 20.39:1 (AAA) · APCA Lc 106
Contrast pairs
代码片段
CSS
:root {
--polyanthus-narcissus: #feffcc;
--polyanthus-narcissus-rgb: 254 255 204;
--polyanthus-narcissus-oklch: oklch(0.987 0.065 108.5);
}
.element {
color: var(--polyanthus-narcissus);
background-color: hsl(61 100% 90%);
border-color: oklch(0.987 0.065 108.5);
}Tailwind CSS v4
@theme {
--color-polyanthus-narcissus: #feffcc;
--color-polyanthus-narcissus-50: #f6f7e2;
--color-polyanthus-narcissus-100: #e8ead2;
--color-polyanthus-narcissus-200: #d5d7b8;
--color-polyanthus-narcissus-300: #b9bb95;
--color-polyanthus-narcissus-400: #a1a275;
--color-polyanthus-narcissus-500: #8a8a56;
--color-polyanthus-narcissus-600: #747549;
--color-polyanthus-narcissus-700: #5d5d3a;
--color-polyanthus-narcissus-800: #454429;
--color-polyanthus-narcissus-900: #302f1b;
--color-polyanthus-narcissus-950: #1c1b0c;
}SCSS
$polyanthus-narcissus: #feffcc;
$polyanthus-narcissus-rgb: 254, 255, 204;
$polyanthus-narcissus-light: mix(#fff, $polyanthus-narcissus, 20%);
$polyanthus-narcissus-dark: mix(#000, $polyanthus-narcissus, 20%);
.element {
color: $polyanthus-narcissus;
box-shadow: 0 0 0 2px rgba($polyanthus-narcissus, 0.35);
}