Benoemde kleur · #FEFFCC
Polyanthus Narcissus
Polyanthus Narcissus is #FEFFCC: rgb(254 255 204), hsl(61 100% 90%), oklch(0.987 0.065 108.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Polyanthus Narcissus color name →
#FEFFCC
oklch(0.987 0.065 108.5)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- FEFFD1
- FEFFD7
- FEFFDC
- FEFFE1
- FEFFE6
- FEFFEB
- FFFFF0
- FFFFF5
- FFFFFA
Schaduwen
- DDDEB1
- BDBE97
- 9E9E7E
- 808065
- 63634E
- 474837
- 2D2E22
- 16160F
- 030302
Tonen
- F1F2C4
- E4E4BD
- D7D7B5
- CACAAD
- BDBEA6
- B0B19E
- A4A497
- 98988F
- 8C8C88
Kleurharmonieën
Complementair +180°
- FEFFCC
Polyanthus Narcissus
- FAFAFF
≈ Wash Me
Analoog -30° +30°
- FEFFCC
Polyanthus Narcissus
- FFFAF2
≈ Floral White
- F3FFEF
≈ Honeydew
Triadisch +120° +240°
- FEFFCC
Polyanthus Narcissus
- F5FCFF
≈ Heart of Ice
- FFF9FB
≈ Snowman
Gesplitst complementair +150° +210°
- FEFFCC
Polyanthus Narcissus
- F8FBFF
≈ Heart of Ice
- FEF9FF
≈ Cold Snow
Tetradisch +90° +180° +270°
- FEFFCC
Polyanthus Narcissus
- EEFFFF
≈ Aphrodite’s Pearls
- FAFAFF
≈ Wash Me
- FFF9F9
≈ Snow
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.02:1 · APCA Lc 0
Ag
AAAOp zwart
WCAG 20.39:1 · APCA Lc 106
Beste tekstkleur: #000000
WCAG 20.39:1 (AAA) · APCA Lc 106
Contrast pairs
Codefragmenten
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);
}