Warna bernama · #DAE4ED
Ocean Air
Ocean Air adalah #DAE4ED: rgb(218 228 237), hsl(208 35% 89%), oklch(0.914 0.016 245.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Ocean Air color name →
#DAE4ED
oklch(0.914 0.016 245.1)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- DEE7EF
- E1E9F1
- E5ECF2
- E9EFF4
- ECF1F6
- F0F4F8
- F4F7FA
- F8FAFB
- FBFCFD
Shade
- BDC6CE
- A2A9B0
- 878D93
- 6C7277
- 54585C
- 3C3F42
- 25282A
- 111214
- 020303
Tone
- D1DAE2
- C7CFD6
- BEC5CB
- B5BBC0
- ACB1B5
- A3A7AA
- 9A9D9F
- 919395
- 898A8A
Harmoni warna
Komplementer +180°
- DAE4ED
Ocean Air
- EBE1D8
≈ Spring Wood
Analog -30° +30°
- DAE4ED
Ocean Air
- D7E6E9
≈ Smoke and Mirrors
- DFE2EE
≈ Iris Ice
Triadik +120° +240°
- DAE4ED
Ocean Air
- EDDEE1
≈ Dream State
- E0E5D9
≈ Cloudy Day
Split-komplementer +150° +210°
- DAE4ED
Ocean Air
- EDDFDB
≈ Mannequin
- E6E3D7
≈ Narcomedusae
Tetradik +90° +180° +270°
- DAE4ED
Ocean Air
- EADFE7
≈ Ostrich Tail
- EBE1D8
≈ Spring Wood
- DBE6DE
≈ Swans Down
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.28:1 · APCA Lc 14
Ag
AAADi atas hitam
WCAG 16.30:1 · APCA Lc 90
Warna teks terbaik: #000000
WCAG 16.30:1 (AAA) · APCA Lc 90
Contrast pairs
Cuplikan kode
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);
}