色名 · #E1DDBF
Silver Fern
Silver Fernは#E1DDBF：rgb(225 221 191)、hsl(53 36% 82%)、oklch(0.893 0.04 100.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Silver Fern color name →
#E1DDBF
oklch(0.893 0.04 100.9)
カラー変換
- HEX
- #e1ddbf
- RGB
- rgb(225 221 191)
- HSL
- hsl(53 36% 82%)
- HWB
- hwb(53 75% 12%)
- OKLCH
- oklch(0.893 0.04 100.9)
- OKLab
- oklab(0.893 -0.008 0.039)
- CIE Lab
- lab(87.85 -2.27 15.31)
- LCH
- lch(87.85 15.48 98.4)
- CMYK
- cmyk(0% 2% 15% 12%)
ティント · シェード · トーン
ティント
- E4E0C5
- E7E4CC
- EAE7D2
- EDEBD9
- F0EEDF
- F3F1E5
- F6F5EC
- F9F8F2
- FCFCF9
シェード
- C4C0A6
- A7A48D
- 8B8875
- 706E5E
- 565548
- 3E3D33
- 27261F
- 12110D
- 020202
トーン
- D7D3B9
- CDCAB2
- C3C0AC
- B9B7A5
- AFAD9F
- A6A499
- 9C9B93
- 93928C
- 898986
カラーハーモニー
補色 +180°
- E1DDBF
Silver Fern
- D6D9F6
≈ Quartz
類似色 -30° +30°
- E1DDBF
Silver Fern
- EDD8C0
≈ Oak Shaving
- D3E2C6
≈ Security
トライアド +120° +240°
- E1DDBF
Silver Fern
- C0E2EF
≈ Cotton Clouds
- EFD2E4
≈ Champagne Elegance
スプリットコンプリメンタリー +150° +210°
- E1DDBF
Silver Fern
- C9DEF6
≈ Fly a Kite
- E4D5F0
≈ First Lilac
テトラード +90° +180° +270°
- E1DDBF
Silver Fern
- BEE5E2
≈ Windwood Spring
- D6D9F6
≈ Quartz
- F5D1D5
≈ Pink Cupcake
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.37:1 · APCA Lc 18
Ag
AAA黒の上
WCAG 15.29:1 · APCA Lc 85
最適な文字色: #000000
WCAG 15.29:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--silver-fern: #e1ddbf;
--silver-fern-rgb: 225 221 191;
--silver-fern-oklch: oklch(0.893 0.04 100.9);
}
.element {
color: var(--silver-fern);
background-color: hsl(53 36% 82%);
border-color: oklch(0.893 0.04 100.9);
}Tailwind CSS v4
@theme {
--color-silver-fern: #e1ddbf;
--color-silver-fern-50: #f7f6e9;
--color-silver-fern-100: #eae9da;
--color-silver-fern-200: #d7d5c2;
--color-silver-fern-300: #bbb9a1;
--color-silver-fern-400: #a3a085;
--color-silver-fern-500: #8c8769;
--color-silver-fern-600: #767359;
--color-silver-fern-700: #5e5c47;
--color-silver-fern-800: #464333;
--color-silver-fern-900: #302e23;
--color-silver-fern-950: #1c1b12;
}SCSS
$silver-fern: #e1ddbf;
$silver-fern-rgb: 225, 221, 191;
$silver-fern-light: mix(#fff, $silver-fern, 20%);
$silver-fern-dark: mix(#000, $silver-fern, 20%);
.element {
color: $silver-fern;
box-shadow: 0 0 0 2px rgba($silver-fern, 0.35);
}