Benannte Farbe · #FDEDC3
Nǎi Yóu Sè Cream
Nǎi Yóu Sè Cream ist #FDEDC3: rgb(253 237 195), hsl(43 94% 88%), oklch(0.948 0.057 89.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Nǎi Yóu Sè Cream color name →
#FDEDC3
oklch(0.948 0.057 89.7)
Farbumrechnungen
- HEX
- #fdedc3
- RGB
- rgb(253 237 195)
- HSL
- hsl(43 94% 88%)
- HWB
- hwb(43 76% 1%)
- OKLCH
- oklch(0.948 0.057 89.7)
- OKLab
- oklab(0.948 0 0.057)
- CIE Lab
- lab(94.26 0.86 22.5)
- LCH
- lch(94.26 22.51 87.8)
- CMYK
- cmyk(0% 6% 23% 1%)
Tints · Shades · Tones
Tints
- FDEFC9
- FDF1CF
- FEF3D5
- FEF4DB
- FEF6E1
- FEF8E7
- FEFAED
- FFFBF3
- FFFDF9
Shades
- DCCEA9
- BCB090
- 9D9378
- 7F7760
- 625C4A
- 474234
- 2D2A20
- 16140E
- 030302
Tones
- F0E2BC
- E3D6B6
- D6CBAF
- C9C0A8
- BDB5A1
- B0AA9B
- A49F94
- 98958D
- 8C8A87
Farbharmonien
Komplementär +180°
- FDEDC3
Nǎi Yóu Sè Cream
- E7EEFF
≈ Brilliant White
Analog -30° +30°
- FDEDC3
Nǎi Yóu Sè Cream
- FFE9D9
≈ Guiding Star
- E9F4CA
≈ Snow Flurry
Triadisch +120° +240°
- FDEDC3
Nǎi Yóu Sè Cream
- CBF7FF
≈ Vaporised
- FFE4FC
≈ Bunny Tail
Geteilt komplementär +150° +210°
- FDEDC3
Nǎi Yóu Sè Cream
- DEF1FF
≈ Wizard White
- F0EAFF
≈ Placebo Purple
Tetradisch +90° +180° +270°
- FDEDC3
Nǎi Yóu Sè Cream
- C5FBEF
≈ Glacial Drift
- E7EEFF
≈ Brilliant White
- FFE7ED
≈ Nosegay
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.16:1 · APCA Lc 8
Ag
AAAAuf Schwarz
WCAG 18.07:1 · APCA Lc 97
Beste Textfarbe: #000000
WCAG 18.07:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--nai-you-se-cream: #fdedc3;
--nai-you-se-cream-rgb: 253 237 195;
--nai-you-se-cream-oklch: oklch(0.948 0.057 89.7);
}
.element {
color: var(--nai-you-se-cream);
background-color: hsl(43 94% 88%);
border-color: oklch(0.948 0.057 89.7);
}Tailwind CSS v4
@theme {
--color-nai-you-se-cream: #fdedc3;
--color-nai-you-se-cream-50: #fbf5e3;
--color-nai-you-se-cream-100: #efe8d3;
--color-nai-you-se-cream-200: #ddd4b9;
--color-nai-you-se-cream-300: #c2b797;
--color-nai-you-se-cream-400: #ac9d78;
--color-nai-you-se-cream-500: #95855a;
--color-nai-you-se-cream-600: #7e704c;
--color-nai-you-se-cream-700: #655a3d;
--color-nai-you-se-cream-800: #4b412b;
--color-nai-you-se-cream-900: #342d1d;
--color-nai-you-se-cream-950: #1f1a0d;
}SCSS
$nai-you-se-cream: #fdedc3;
$nai-you-se-cream-rgb: 253, 237, 195;
$nai-you-se-cream-light: mix(#fff, $nai-you-se-cream, 20%);
$nai-you-se-cream-dark: mix(#000, $nai-you-se-cream, 20%);
.element {
color: $nai-you-se-cream;
box-shadow: 0 0 0 2px rgba($nai-you-se-cream, 0.35);
}