色名 · #E7FBEC
Winter Mist
Winter Mistは#E7FBEC：rgb(231 251 236)、hsl(135 71% 95%)、oklch(0.969 0.029 153.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Winter Mist color name →
#E7FBEC
oklch(0.969 0.029 153.4)
カラー変換
- HEX
- #e7fbec
- RGB
- rgb(231 251 236)
- HSL
- hsl(135 71% 95%)
- HWB
- hwb(135 91% 2%)
- OKLCH
- oklch(0.969 0.029 153.4)
- OKLab
- oklab(0.969 -0.026 0.013)
- CIE Lab
- lab(96.83 -8.81 4.86)
- LCH
- lch(96.83 10.06 151.1)
- CMYK
- cmyk(8% 0% 6% 2%)
ティント · シェード · トーン
ティント
- E9FBEE
- ECFCF0
- EEFCF2
- F1FDF4
- F3FDF5
- F5FDF7
- F8FEF9
- FAFEFB
- FDFFFD
シェード
- C9DACD
- ABBAAF
- 8F9C92
- 737E76
- 59615B
- 404642
- 282D29
- 131513
- 030303
トーン
- DCEEE1
- D2E1D5
- C7D5CA
- BDC8BF
- B2BCB5
- A8AFAA
- 9EA39F
- 949795
- 8A8C8A
カラーハーモニー
補色 +180°
- E7FBEC
Winter Mist
- FFF0FB
≈ Pinkish White
類似色 -30° +30°
- E7FBEC
Winter Mist
- F1F9E3
≈ Bean Sprout
- E1FCF7
≈ Mint Condition
トライアド +120° +240°
- E7FBEC
Winter Mist
- F1F4FF
≈ Boysenberry Shadow
- FFF1EE
≈ Polished Pink
スプリットコンプリメンタリー +150° +210°
- E7FBEC
Winter Mist
- F7F2FF
≈ Cloud Break
- FFF1F4
≈ Lavender Blush
テトラード +90° +180° +270°
- E7FBEC
Winter Mist
- ECF6FF
≈ Placebo Blue
- FFF0FB
≈ Pinkish White
- FFF2E8
≈ Pico Ivory
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.08:1 · APCA Lc 0
Ag
AAA黒の上
WCAG 19.40:1 · APCA Lc 102
最適な文字色: #000000
WCAG 19.40:1 (AAA) · APCA Lc 102
Contrast pairs
コードスニペット
CSS
:root {
--winter-mist: #e7fbec;
--winter-mist-rgb: 231 251 236;
--winter-mist-oklch: oklch(0.969 0.029 153.4);
}
.element {
color: var(--winter-mist);
background-color: hsl(135 71% 95%);
border-color: oklch(0.969 0.029 153.4);
}Tailwind CSS v4
@theme {
--color-winter-mist: #e7fbec;
--color-winter-mist-50: #eff8f2;
--color-winter-mist-100: #e1ebe4;
--color-winter-mist-200: #cbd8cf;
--color-winter-mist-300: #acbcb1;
--color-winter-mist-400: #92a497;
--color-winter-mist-500: #788c7d;
--color-winter-mist-600: #66766a;
--color-winter-mist-700: #515f55;
--color-winter-mist-800: #3b453d;
--color-winter-mist-900: #29302a;
--color-winter-mist-950: #171c18;
}SCSS
$winter-mist: #e7fbec;
$winter-mist-rgb: 231, 251, 236;
$winter-mist-light: mix(#fff, $winter-mist, 20%);
$winter-mist-dark: mix(#000, $winter-mist, 20%);
.element {
color: $winter-mist;
box-shadow: 0 0 0 2px rgba($winter-mist, 0.35);
}