命名颜色 · #DAE4ED
Ocean Air
Ocean Air 即 #DAE4ED：rgb(218 228 237)、hsl(208 35% 89%)、oklch(0.914 0.016 245.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Ocean Air color name →
#DAE4ED
oklch(0.914 0.016 245.1)
颜色转换
- HEX
- #dae4ed
- RGB
- rgb(218 228 237)
- HSL
- hsl(208 35% 89%)
- HWB
- hwb(208 85% 7%)
- OKLCH
- oklch(0.914 0.016 245.1)
- OKLab
- oklab(0.914 -0.007 -0.015)
- CIE Lab
- lab(90.02 -2.19 -5.62)
- LCH
- lch(90.02 6.03 248.7)
- CMYK
- cmyk(8% 4% 0% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- DEE7EF
- E1E9F1
- E5ECF2
- E9EFF4
- ECF1F6
- F0F4F8
- F4F7FA
- F8FAFB
- FBFCFD
深色调
- BDC6CE
- A2A9B0
- 878D93
- 6C7277
- 54585C
- 3C3F42
- 25282A
- 111214
- 020303
灰色调
- D1DAE2
- C7CFD6
- BEC5CB
- B5BBC0
- ACB1B5
- A3A7AA
- 9A9D9F
- 919395
- 898A8A
配色和谐
互补色 +180°
- DAE4ED
Ocean Air
- EBE1D8
≈ Spring Wood
类似色 -30° +30°
- DAE4ED
Ocean Air
- D7E6E9
≈ Smoke and Mirrors
- DFE2EE
≈ Iris Ice
三角配色 +120° +240°
- DAE4ED
Ocean Air
- EDDEE1
≈ Dream State
- E0E5D9
≈ Cloudy Day
分裂互补色 +150° +210°
- DAE4ED
Ocean Air
- EDDFDB
≈ Mannequin
- E6E3D7
≈ Narcomedusae
四角配色 +90° +180° +270°
- DAE4ED
Ocean Air
- EADFE7
≈ Ostrich Tail
- EBE1D8
≈ Spring Wood
- DBE6DE
≈ Swans Down
对比度与无障碍
Ag
Fail白底
WCAG 1.28:1 · APCA Lc 14
Ag
AAA黑底
WCAG 16.30:1 · APCA Lc 90
最佳文字颜色: #000000
WCAG 16.30:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--ocean-air: #dae4ed;
--ocean-air-rgb: 218 228 237;
--ocean-air-oklch: oklch(0.914 0.016 245.1);
}
.element {
color: var(--ocean-air);
background-color: hsl(208 35% 89%);
border-color: oklch(0.914 0.016 245.1);
}Tailwind CSS v4
@theme {
--color-ocean-air: #dae4ed;
--color-ocean-air-50: #f1f6fa;
--color-ocean-air-100: #e4e8ed;
--color-ocean-air-200: #cfd5db;
--color-ocean-air-300: #b1b8bf;
--color-ocean-air-400: #97a0a8;
--color-ocean-air-500: #7e8891;
--color-ocean-air-600: #6a737a;
--color-ocean-air-700: #555c62;
--color-ocean-air-800: #3e4348;
--color-ocean-air-900: #2a2e32;
--color-ocean-air-950: #181b1e;
}SCSS
$ocean-air: #dae4ed;
$ocean-air-rgb: 218, 228, 237;
$ocean-air-light: mix(#fff, $ocean-air, 20%);
$ocean-air-dark: mix(#000, $ocean-air, 20%);
.element {
color: $ocean-air;
box-shadow: 0 0 0 2px rgba($ocean-air, 0.35);
}