Couleur nommée · #FFE9E1
Translucent Silk
Translucent Silk correspond à #FFE9E1 : rgb(255 233 225), hsl(16 100% 94%), oklch(0.95 0.026 41.1). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Gray mean? → · Translucent Silk color name →
#FFE9E1
oklch(0.95 0.026 41.1)
Conversions de couleur
- HEX
- #ffe9e1
- RGB
- rgb(255 233 225)
- HSL
- hsl(16 100% 94%)
- HWB
- hwb(16 88% 0%)
- OKLCH
- oklch(0.95 0.026 41.1)
- OKLab
- oklab(0.95 0.02 0.017)
- CIE Lab
- lab(93.98 6.78 6.76)
- LCH
- lch(93.98 9.57 44.9)
- CMYK
- cmyk(0% 9% 12% 0%)
Teintes · Ombres · Tons
Teintes
- FFEBE4
- FFEDE7
- FFF0EA
- FFF2ED
- FFF4F0
- FFF6F3
- FFF8F6
- FFFBF9
- FFFDFC
Ombres
- DECBC4
- BEADA7
- 9E908B
- 807470
- 635A56
- 48413E
- 2E2927
- 161312
- 030302
Tons
- F2DED7
- E4D3CD
- D7C8C3
- CABEB9
- BEB3AF
- B1A9A6
- A49E9C
- 989493
- 8C8A89
Harmonies de couleurs
Complémentaire +180°
- FFE9E1
Translucent Silk
- DCF3FB
≈ Wizard White
Analogue -30° +30°
- FFE9E1
Translucent Silk
- FFE8EA
≈ Pink Sparkle
- FAECDC
≈ Marfil
Triadique +120° +240°
- FFE9E1
Translucent Silk
- E0F4E9
≈ Particle Cannon
- EBEDFF
≈ Carte Blanche
Complémentaire divisée +150° +210°
- FFE9E1
Translucent Silk
- DBF4F2
≈ Aqua Pura
- E3F0FF
≈ Wizard White
Tétradique +90° +180° +270°
- FFE9E1
Translucent Silk
- E8F2E0
≈ Herb Garden
- DCF3FB
≈ Wizard White
- F4EAFC
≈ Placebo Purple
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.16:1 · APCA Lc 8
Ag
AAASur noir
WCAG 17.99:1 · APCA Lc 96
Meilleure couleur de texte: #000000
WCAG 17.99:1 (AAA) · APCA Lc 96
Contrast pairs
Extraits de code
CSS
:root {
--translucent-silk: #ffe9e1;
--translucent-silk-rgb: 255 233 225;
--translucent-silk-oklch: oklch(0.95 0.026 41.1);
}
.element {
color: var(--translucent-silk);
background-color: hsl(16 100% 94%);
border-color: oklch(0.95 0.026 41.1);
}Tailwind CSS v4
@theme {
--color-translucent-silk: #ffe9e1;
--color-translucent-silk-50: #fcf3ef;
--color-translucent-silk-100: #f0e5e1;
--color-translucent-silk-200: #dfd1cb;
--color-translucent-silk-300: #c4b3ad;
--color-translucent-silk-400: #ad9a93;
--color-translucent-silk-500: #968179;
--color-translucent-silk-600: #7f6d66;
--color-translucent-silk-700: #665752;
--color-translucent-silk-800: #4b3f3c;
--color-translucent-silk-900: #342c29;
--color-translucent-silk-950: #1f1917;
}SCSS
$translucent-silk: #ffe9e1;
$translucent-silk-rgb: 255, 233, 225;
$translucent-silk-light: mix(#fff, $translucent-silk, 20%);
$translucent-silk-dark: mix(#000, $translucent-silk, 20%);
.element {
color: $translucent-silk;
box-shadow: 0 0 0 2px rgba($translucent-silk, 0.35);
}