色名 · #F5EFE8
Bright Winter Cloud
Bright Winter Cloudは#F5EFE8：rgb(245 239 232)、hsl(32 39% 94%)、oklch(0.955 0.011 71.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Bright Winter Cloud color name →
#F5EFE8
oklch(0.955 0.011 71.9)
カラー変換
- HEX
- #f5efe8
- RGB
- rgb(245 239 232)
- HSL
- hsl(32 39% 94%)
- HWB
- hwb(32 91% 4%)
- OKLCH
- oklch(0.955 0.011 71.9)
- OKLab
- oklab(0.955 0.004 0.011)
- CIE Lab
- lab(94.77 1.19 4.15)
- LCH
- lch(94.77 4.32 74)
- CMYK
- cmyk(0% 2% 5% 4%)
ティント · シェード · トーン
ティント
- F6F1EA
- F7F2ED
- F8F4EF
- F9F5F1
- FAF7F3
- FBF9F6
- FCFAF8
- FDFCFA
- FEFDFD
シェード
- D5D0CA
- B6B1AC
- 989490
- 7B7874
- 5F5C59
- 444240
- 2B2A29
- 151413
- 030303
トーン
- E9E3DD
- DDD8D2
- D0CCC8
- C5C1BD
- B9B6B3
- ADABA8
- A2A09E
- 969594
- 8B8B8A
カラーハーモニー
補色 +180°
- F5EFE8
Bright Winter Cloud
- EBF1F8
≈ Airport
類似色 -30° +30°
- F5EFE8
Bright Winter Cloud
- F7EEEA
≈ Furry Lady
- F1F0E8
≈ Cotton Field
トライアド +120° +240°
- F5EFE8
Bright Winter Cloud
- E8F3F2
≈ Warp Drive
- F3EEF6
≈ Sentimental Pink
スプリットコンプリメンタリー +150° +210°
- F5EFE8
Bright Winter Cloud
- E8F2F6
≈ Powder White
- EFEFF8
≈ Airport
テトラード +90° +180° +270°
- F5EFE8
Bright Winter Cloud
- EAF3EE
≈ Glacial Tint
- EBF1F8
≈ Airport
- F6EDF2
≈ Sentimental Pink
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.14:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 18.39:1 · APCA Lc 98
最適な文字色: #000000
WCAG 18.39:1 (AAA) · APCA Lc 98
Contrast pairs
コードスニペット
CSS
:root {
--bright-winter-cloud: #f5efe8;
--bright-winter-cloud-rgb: 245 239 232;
--bright-winter-cloud-oklch: oklch(0.955 0.011 71.9);
}
.element {
color: var(--bright-winter-cloud);
background-color: hsl(32 39% 94%);
border-color: oklch(0.955 0.011 71.9);
}Tailwind CSS v4
@theme {
--color-bright-winter-cloud: #f5efe8;
--color-bright-winter-cloud-50: #f7f5f2;
--color-bright-winter-cloud-100: #eae7e4;
--color-bright-winter-cloud-200: #d7d4cf;
--color-bright-winter-cloud-300: #bbb7b1;
--color-bright-winter-cloud-400: #a39d97;
--color-bright-winter-cloud-500: #8b857e;
--color-bright-winter-cloud-600: #76716b;
--color-bright-winter-cloud-700: #5e5a55;
--color-bright-winter-cloud-800: #45423e;
--color-bright-winter-cloud-900: #302d2b;
--color-bright-winter-cloud-950: #1c1a18;
}SCSS
$bright-winter-cloud: #f5efe8;
$bright-winter-cloud-rgb: 245, 239, 232;
$bright-winter-cloud-light: mix(#fff, $bright-winter-cloud, 20%);
$bright-winter-cloud-dark: mix(#000, $bright-winter-cloud, 20%);
.element {
color: $bright-winter-cloud;
box-shadow: 0 0 0 2px rgba($bright-winter-cloud, 0.35);
}