色名 · #F5F1EA
Winter Doldrums
Winter Doldrumsは#F5F1EA：rgb(245 241 234)、hsl(38 35% 94%)、oklch(0.959 0.01 81.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Winter Doldrums color name →
#F5F1EA
oklch(0.959 0.01 81.8)
カラー変換
- HEX
- #f5f1ea
- RGB
- rgb(245 241 234)
- HSL
- hsl(38 35% 94%)
- HWB
- hwb(38 92% 4%)
- OKLCH
- oklch(0.959 0.01 81.8)
- OKLab
- oklab(0.959 0.001 0.01)
- CIE Lab
- lab(95.31 0.49 3.89)
- LCH
- lch(95.31 3.92 82.8)
- CMYK
- cmyk(0% 2% 4% 4%)
ティント · シェード · トーン
ティント
- F6F2EC
- F7F4EE
- F8F5F0
- F9F7F2
- FAF8F4
- FBF9F7
- FCFBF9
- FDFCFB
- FEFEFD
シェード
- D5D2CB
- B6B3AE
- 989591
- 7B7975
- 5F5D5A
- 444341
- 2B2B29
- 151413
- 030303
トーン
- E9E5DF
- DDD9D4
- D0CEC9
- C5C2BE
- B9B7B4
- ADACA9
- A2A09F
- 969694
- 8B8B8A
カラーハーモニー
補色 +180°
- F5F1EA
Winter Doldrums
- EEF2F9
≈ Airport
類似色 -30° +30°
- F5F1EA
Winter Doldrums
- F8F0EB
≈ Shea
- F1F2EB
≈ Picket Fence
トライアド +120° +240°
- F5F1EA
Winter Doldrums
- EAF4F4
≈ Milky Way
- F5EFF6
≈ Sentimental Pink
スプリットコンプリメンタリー +150° +210°
- F5F1EA
Winter Doldrums
- EBF3F7
≈ Insignia White
- F1F0F8
≈ Alpine Goat
テトラード +90° +180° +270°
- F5F1EA
Winter Doldrums
- EBF4F1
≈ Shiroi White
- EEF2F9
≈ Airport
- F7EFF2
≈ Vienna Dawn
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.12:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 18.65:1 · APCA Lc 99
最適な文字色: #000000
WCAG 18.65:1 (AAA) · APCA Lc 99
Contrast pairs
コードスニペット
CSS
:root {
--winter-doldrums: #f5f1ea;
--winter-doldrums-rgb: 245 241 234;
--winter-doldrums-oklch: oklch(0.959 0.01 81.8);
}
.element {
color: var(--winter-doldrums);
background-color: hsl(38 35% 94%);
border-color: oklch(0.959 0.01 81.8);
}Tailwind CSS v4
@theme {
--color-winter-doldrums: #f5f1ea;
--color-winter-doldrums-50: #f6f5f2;
--color-winter-doldrums-100: #e9e8e4;
--color-winter-doldrums-200: #d6d4cf;
--color-winter-doldrums-300: #bab7b2;
--color-winter-doldrums-400: #a19e98;
--color-winter-doldrums-500: #8a867f;
--color-winter-doldrums-600: #74716b;
--color-winter-doldrums-700: #5d5a56;
--color-winter-doldrums-800: #44423e;
--color-winter-doldrums-900: #2f2e2b;
--color-winter-doldrums-950: #1c1a18;
}SCSS
$winter-doldrums: #f5f1ea;
$winter-doldrums-rgb: 245, 241, 234;
$winter-doldrums-light: mix(#fff, $winter-doldrums, 20%);
$winter-doldrums-dark: mix(#000, $winter-doldrums, 20%);
.element {
color: $winter-doldrums;
box-shadow: 0 0 0 2px rgba($winter-doldrums, 0.35);
}