Named color · #DBE0C4
Airy Fields
Airy Fields is #DBE0C4: rgb(219 224 196), hsl(71 31% 82%), oklch(0.895 0.038 115.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Airy Fields color name →
#DBE0C4
oklch(0.895 0.038 115.4)
Color conversions
- HEX
- #dbe0c4
- RGB
- rgb(219 224 196)
- HSL
- hsl(71 31% 82%)
- HWB
- hwb(71 77% 12%)
- OKLCH
- oklch(0.895 0.038 115.4)
- OKLab
- oklab(0.895 -0.016 0.034)
- CIE Lab
- lab(88.23 -5.32 13.16)
- LCH
- lch(88.23 14.2 112)
- CMYK
- cmyk(2% 0% 12% 12%)
Tints · Shades · Tones
Tints
- DFE3CA
- E2E6D0
- E6E9D6
- E9ECDB
- EDEFE1
- F0F3E7
- F4F6ED
- F8F9F3
- FBFCF9
Shades
- BEC3AA
- A2A691
- 878A78
- 6D7061
- 54564A
- 3C3E35
- 262721
- 11120E
- 020202
Tones
- D2D6BD
- C8CCB6
- BFC2AF
- B6B8A8
- ACAFA2
- A3A59B
- 9A9C94
- 91928D
- 898987
Color harmonies
Complementary +180°
- DBE0C4
Airy Fields
- DED8F3
≈ Lavender Sky
Analogous -30° +30°
- DBE0C4
Airy Fields
- E8DBC1
≈ Natural Radiance
- CEE4CE
≈ Lime Flip
Triadic +120° +240°
- DBE0C4
Airy Fields
- C6E1F2
≈ Pale Frost
- F2D3DD
≈ Pomodoro e Mozzarella
Split-complementary +150° +210°
- DBE0C4
Airy Fields
- D1DDF6
≈ Puffy Cloud
- EAD4EA
≈ First Lilac
Tetradic +90° +180° +270°
- DBE0C4
Airy Fields
- C1E4E9
≈ La Paz Siesta
- DED8F3
≈ Lavender Sky
- F5D4D0
≈ French Bustle
Contrast & accessibility
Ag
FailOn white
WCAG 1.35:1 · APCA Lc 18
Ag
AAAOn black
WCAG 15.47:1 · APCA Lc 86
Best text color: #000000
WCAG 15.47:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--airy-fields: #dbe0c4;
--airy-fields-rgb: 219 224 196;
--airy-fields-oklch: oklch(0.895 0.038 115.4);
}
.element {
color: var(--airy-fields);
background-color: hsl(71 31% 82%);
border-color: oklch(0.895 0.038 115.4);
}Tailwind CSS v4
@theme {
--color-airy-fields: #dbe0c4;
--color-airy-fields-50: #f4f7eb;
--color-airy-fields-100: #e7eadc;
--color-airy-fields-200: #d3d7c5;
--color-airy-fields-300: #b5baa5;
--color-airy-fields-400: #9da188;
--color-airy-fields-500: #858a6d;
--color-airy-fields-600: #70745d;
--color-airy-fields-700: #5a5d4a;
--color-airy-fields-800: #424435;
--color-airy-fields-900: #2e2f24;
--color-airy-fields-950: #1a1b13;
}SCSS
$airy-fields: #dbe0c4;
$airy-fields-rgb: 219, 224, 196;
$airy-fields-light: mix(#fff, $airy-fields, 20%);
$airy-fields-dark: mix(#000, $airy-fields, 20%);
.element {
color: $airy-fields;
box-shadow: 0 0 0 2px rgba($airy-fields, 0.35);
}