Màu có tên · #DAEBEF
Frost Wind
Frost Wind là #DAEBEF: rgb(218 235 239), hsl(191 40% 90%), oklch(0.929 0.019 213.4). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Gray mean? → · Frost Wind color name →
#DAEBEF
oklch(0.929 0.019 213.4)
Chuyển đổi màu
- HEX
- #daebef
- RGB
- rgb(218 235 239)
- HSL
- hsl(191 40% 90%)
- HWB
- hwb(191 85% 6%)
- OKLCH
- oklch(0.929 0.019 213.4)
- OKLab
- oklab(0.929 -0.016 -0.01)
- CIE Lab
- lab(91.86 -5.25 -3.98)
- LCH
- lch(91.86 6.59 217.1)
- CMYK
- cmyk(9% 2% 0% 6%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DEEDF1
- E1EFF2
- E5F1F4
- E9F3F5
- ECF5F7
- F0F7F9
- F4F9FA
- F8FBFC
- FBFDFD
Sắc đậm
- BDCCD0
- A2AEB1
- 879194
- 6C7578
- 545B5C
- 3C4142
- 25292A
- 111314
- 020303
Sắc xám
- D1E0E3
- C7D5D8
- BECACC
- B5BFC1
- ACB4B6
- A3A9AB
- 9A9FA0
- 919495
- 898A8B
Hòa sắc
Bổ túc +180°
- DAEBEF
Frost Wind
- F4E3DF
≈ Pearly
Tương đồng -30° +30°
- DAEBEF
Frost Wind
- DAECE9
≈ Supernova Residues
- DDE9F3
≈ Freeze Up
Bộ ba +120° +240°
- DAEBEF
Frost Wind
- F0E3ED
≈ Faded Fuchsia
- EBE7DA
≈ Clear Sand
Bổ túc chia +150° +210°
- DAEBEF
Frost Wind
- F3E2E6
≈ Be Mine
- F1E5DB
≈ Fair Pink
Bộ bốn +90° +180° +270°
- DAEBEF
Frost Wind
- EAE5F2
≈ Modest Violet
- F4E3DF
≈ Pearly
- E5EADC
≈ Minified Mint
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.22:1 · APCA Lc 11
Ag
AAATrên nền đen
WCAG 17.11:1 · APCA Lc 93
Màu chữ tốt nhất: #000000
WCAG 17.11:1 (AAA) · APCA Lc 93
Contrast pairs
Đoạn mã
CSS
:root {
--frost-wind: #daebef;
--frost-wind-rgb: 218 235 239;
--frost-wind-oklch: oklch(0.929 0.019 213.4);
}
.element {
color: var(--frost-wind);
background-color: hsl(191 40% 90%);
border-color: oklch(0.929 0.019 213.4);
}Tailwind CSS v4
@theme {
--color-frost-wind: #daebef;
--color-frost-wind-50: #eff7f8;
--color-frost-wind-100: #e1eaec;
--color-frost-wind-200: #ccd6d9;
--color-frost-wind-300: #adbabd;
--color-frost-wind-400: #92a2a5;
--color-frost-wind-500: #798a8e;
--color-frost-wind-600: #667578;
--color-frost-wind-700: #525d60;
--color-frost-wind-800: #3b4446;
--color-frost-wind-900: #292f30;
--color-frost-wind-950: #161c1d;
}SCSS
$frost-wind: #daebef;
$frost-wind-rgb: 218, 235, 239;
$frost-wind-light: mix(#fff, $frost-wind, 20%);
$frost-wind-dark: mix(#000, $frost-wind, 20%);
.element {
color: $frost-wind;
box-shadow: 0 0 0 2px rgba($frost-wind, 0.35);
}