色名 · #F4E7DF
Goose Down
Goose Downは#F4E7DF：rgb(244 231 223)、hsl(23 49% 92%)、oklch(0.936 0.018 54)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Goose Down color name →
#F4E7DF
oklch(0.936 0.018 54)
カラー変換
- HEX
- #f4e7df
- RGB
- rgb(244 231 223)
- HSL
- hsl(23 49% 92%)
- HWB
- hwb(23 87% 4%)
- OKLCH
- oklch(0.936 0.018 54)
- OKLab
- oklab(0.936 0.01 0.014)
- CIE Lab
- lab(92.53 3.57 5.57)
- LCH
- lch(92.53 6.61 57.4)
- CMYK
- cmyk(0% 5% 9% 4%)
ティント · シェード · トーン
ティント
- F5E9E2
- F6ECE5
- F7EEE9
- F8F1EC
- FAF3EF
- FBF5F2
- FCF8F5
- FDFAF9
- FEFDFC
シェード
- D4C9C2
- B5ABA5
- 978F8A
- 7A736F
- 5E5956
- 44403D
- 2B2827
- 141312
- 030302
トーン
- E8DCD5
- DCD2CB
- D0C7C2
- C4BCB8
- B8B2AE
- ADA8A5
- A19E9B
- 969492
- 8B8A89
カラーハーモニー
補色 +180°
- F4E7DF
Goose Down
- DFECF4
≈ Ice Fishing
類似色 -30° +30°
- F4E7DF
Goose Down
- F6E6E4
≈ Clear Calamine
- F0E9DD
≈ Mawmaw’s Pearls
トライアド +120° +240°
- F4E7DF
Goose Down
- DEEEE9
≈ Clear Day
- EAE8F5
≈ Tranquil Eve
スプリットコンプリメンタリー +150° +210°
- F4E7DF
Goose Down
- DDEEEF
≈ White Glaze
- E4EAF6
≈ Whisper Blue
テトラード +90° +180° +270°
- F4E7DF
Goose Down
- E3EDE3
≈ Sign of Spring
- DFECF4
≈ Ice Fishing
- F0E6F1
≈ Tranquil Eve
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.21:1 · APCA Lc 10
Ag
AAA黒の上
WCAG 17.34:1 · APCA Lc 94
最適な文字色: #000000
WCAG 17.34:1 (AAA) · APCA Lc 94
Contrast pairs
コードスニペット
CSS
:root {
--goose-down: #f4e7df;
--goose-down-rgb: 244 231 223;
--goose-down-oklch: oklch(0.936 0.018 54);
}
.element {
color: var(--goose-down);
background-color: hsl(23 49% 92%);
border-color: oklch(0.936 0.018 54);
}Tailwind CSS v4
@theme {
--color-goose-down: #f4e7df;
--color-goose-down-50: #f9f4f0;
--color-goose-down-100: #ede6e2;
--color-goose-down-200: #dad2cd;
--color-goose-down-300: #bfb5af;
--color-goose-down-400: #a79c95;
--color-goose-down-500: #90837b;
--color-goose-down-600: #7a6f68;
--color-goose-down-700: #625953;
--color-goose-down-800: #48413d;
--color-goose-down-900: #322d2a;
--color-goose-down-950: #1e1a17;
}SCSS
$goose-down: #f4e7df;
$goose-down-rgb: 244, 231, 223;
$goose-down-light: mix(#fff, $goose-down, 20%);
$goose-down-dark: mix(#000, $goose-down, 20%);
.element {
color: $goose-down;
box-shadow: 0 0 0 2px rgba($goose-down, 0.35);
}