Benannte Farbe · #DAE4ED
Ocean Air
Ocean Air ist #DAE4ED: rgb(218 228 237), hsl(208 35% 89%), oklch(0.914 0.016 245.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Ocean Air color name →
#DAE4ED
oklch(0.914 0.016 245.1)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- DEE7EF
- E1E9F1
- E5ECF2
- E9EFF4
- ECF1F6
- F0F4F8
- F4F7FA
- F8FAFB
- FBFCFD
Shades
- BDC6CE
- A2A9B0
- 878D93
- 6C7277
- 54585C
- 3C3F42
- 25282A
- 111214
- 020303
Tones
- D1DAE2
- C7CFD6
- BEC5CB
- B5BBC0
- ACB1B5
- A3A7AA
- 9A9D9F
- 919395
- 898A8A
Farbharmonien
Komplementär +180°
- DAE4ED
Ocean Air
- EBE1D8
≈ Spring Wood
Analog -30° +30°
- DAE4ED
Ocean Air
- D7E6E9
≈ Smoke and Mirrors
- DFE2EE
≈ Iris Ice
Triadisch +120° +240°
- DAE4ED
Ocean Air
- EDDEE1
≈ Dream State
- E0E5D9
≈ Cloudy Day
Geteilt komplementär +150° +210°
- DAE4ED
Ocean Air
- EDDFDB
≈ Mannequin
- E6E3D7
≈ Narcomedusae
Tetradisch +90° +180° +270°
- DAE4ED
Ocean Air
- EADFE7
≈ Ostrich Tail
- EBE1D8
≈ Spring Wood
- DBE6DE
≈ Swans Down
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.28:1 · APCA Lc 14
Ag
AAAAuf Schwarz
WCAG 16.30:1 · APCA Lc 90
Beste Textfarbe: #000000
WCAG 16.30:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
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);
}