色名 · #FFE9E1
Translucent Silk
Translucent Silkは#FFE9E1：rgb(255 233 225)、hsl(16 100% 94%)、oklch(0.95 0.026 41.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Translucent Silk color name →
#FFE9E1
oklch(0.95 0.026 41.1)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- FFEBE4
- FFEDE7
- FFF0EA
- FFF2ED
- FFF4F0
- FFF6F3
- FFF8F6
- FFFBF9
- FFFDFC
シェード
- DECBC4
- BEADA7
- 9E908B
- 807470
- 635A56
- 48413E
- 2E2927
- 161312
- 030302
トーン
- F2DED7
- E4D3CD
- D7C8C3
- CABEB9
- BEB3AF
- B1A9A6
- A49E9C
- 989493
- 8C8A89
カラーハーモニー
補色 +180°
- FFE9E1
Translucent Silk
- DCF3FB
≈ Wizard White
類似色 -30° +30°
- FFE9E1
Translucent Silk
- FFE8EA
≈ Pink Sparkle
- FAECDC
≈ Marfil
トライアド +120° +240°
- FFE9E1
Translucent Silk
- E0F4E9
≈ Particle Cannon
- EBEDFF
≈ Carte Blanche
スプリットコンプリメンタリー +150° +210°
- FFE9E1
Translucent Silk
- DBF4F2
≈ Aqua Pura
- E3F0FF
≈ Wizard White
テトラード +90° +180° +270°
- FFE9E1
Translucent Silk
- E8F2E0
≈ Herb Garden
- DCF3FB
≈ Wizard White
- F4EAFC
≈ Placebo Purple
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.16:1 · APCA Lc 8
Ag
AAA黒の上
WCAG 17.99:1 · APCA Lc 96
最適な文字色: #000000
WCAG 17.99:1 (AAA) · APCA Lc 96
Contrast pairs
コードスニペット
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);
}