色名 · #D5DCD0
Feather Fern
Feather Fernは#D5DCD0：rgb(213 220 208)、hsl(95 15% 84%)、oklch(0.886 0.018 131.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Feather Fern color name →
#D5DCD0
oklch(0.886 0.018 131.9)
カラー変換
- HEX
- #d5dcd0
- RGB
- rgb(213 220 208)
- HSL
- hsl(95 15% 84%)
- HWB
- hwb(95 82% 14%)
- OKLCH
- oklch(0.886 0.018 131.9)
- OKLab
- oklab(0.886 -0.012 0.013)
- CIE Lab
- lab(86.97 -4.06 5.05)
- LCH
- lch(86.97 6.48 128.8)
- CMYK
- cmyk(3% 0% 5% 14%)
ティント · シェード · トーン
ティント
- D9DFD5
- DDE3D9
- E1E6DE
- E6EAE3
- EAEDE7
- EEF1EC
- F2F4F1
- F6F8F5
- FBFBFA
シェード
- B9BFB5
- 9EA39A
- 838880
- 6A6E67
- 51544F
- 3A3C39
- 242623
- 101110
- 020202
トーン
- CCD2C8
- C3C9BF
- BBBFB7
- B2B6AF
- AAADA7
- A1A49F
- 999B97
- 90928F
- 888988
カラーハーモニー
補色 +180°
- D5DCD0
Feather Fern
- DDD6E2
≈ Titan White
類似色 -30° +30°
- D5DCD0
Feather Fern
- DBDACD
≈ Hazy Trail
- D0DDD6
≈ Light Spearmint Ice
トライアド +120° +240°
- D5DCD0
Feather Fern
- D1DAE5
≈ Highland Winds
- E5D5D6
≈ Velvet Blush
スプリットコンプリメンタリー +150° +210°
- D5DCD0
Feather Fern
- D7D8E5
≈ So Blue-Berry
- E2D5DD
≈ Soft Lilac
テトラード +90° +180° +270°
- D5DCD0
Feather Fern
- CDDCE2
≈ Dartmoor Mist
- DDD6E2
≈ Titan White
- E4D6D0
≈ Ocean Sand
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.40:1 · APCA Lc 19
Ag
AAA黒の上
WCAG 14.97:1 · APCA Lc 84
最適な文字色: #000000
WCAG 14.97:1 (AAA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--feather-fern: #d5dcd0;
--feather-fern-rgb: 213 220 208;
--feather-fern-oklch: oklch(0.886 0.018 131.9);
}
.element {
color: var(--feather-fern);
background-color: hsl(95 15% 84%);
border-color: oklch(0.886 0.018 131.9);
}Tailwind CSS v4
@theme {
--color-feather-fern: #d5dcd0;
--color-feather-fern-50: #f3f6f1;
--color-feather-fern-100: #e5e9e3;
--color-feather-fern-200: #d1d6ce;
--color-feather-fern-300: #b4b9b0;
--color-feather-fern-400: #9ba196;
--color-feather-fern-500: #82897d;
--color-feather-fern-600: #6e746a;
--color-feather-fern-700: #585d54;
--color-feather-fern-800: #40443d;
--color-feather-fern-900: #2c2f2a;
--color-feather-fern-950: #191b18;
}SCSS
$feather-fern: #d5dcd0;
$feather-fern-rgb: 213, 220, 208;
$feather-fern-light: mix(#fff, $feather-fern, 20%);
$feather-fern-dark: mix(#000, $feather-fern, 20%);
.element {
color: $feather-fern;
box-shadow: 0 0 0 2px rgba($feather-fern, 0.35);
}