이름 색상 · #DBE0C4
Airy Fields
Airy Fields은(는) #DBE0C4: rgb(219 224 196), hsl(71 31% 82%), oklch(0.895 0.038 115.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Airy Fields color name →
#DBE0C4
oklch(0.895 0.038 115.4)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- DFE3CA
- E2E6D0
- E6E9D6
- E9ECDB
- EDEFE1
- F0F3E7
- F4F6ED
- F8F9F3
- FBFCF9
셰이드
- BEC3AA
- A2A691
- 878A78
- 6D7061
- 54564A
- 3C3E35
- 262721
- 11120E
- 020202
톤
- D2D6BD
- C8CCB6
- BFC2AF
- B6B8A8
- ACAFA2
- A3A59B
- 9A9C94
- 91928D
- 898987
색 조화
보색 +180°
- DBE0C4
Airy Fields
- DED8F3
≈ Lavender Sky
유사색 -30° +30°
- DBE0C4
Airy Fields
- E8DBC1
≈ Natural Radiance
- CEE4CE
≈ Lime Flip
삼각 배색 +120° +240°
- DBE0C4
Airy Fields
- C6E1F2
≈ Pale Frost
- F2D3DD
≈ Pomodoro e Mozzarella
분열 보색 +150° +210°
- DBE0C4
Airy Fields
- D1DDF6
≈ Puffy Cloud
- EAD4EA
≈ First Lilac
사각 배색 +90° +180° +270°
- DBE0C4
Airy Fields
- C1E4E9
≈ La Paz Siesta
- DED8F3
≈ Lavender Sky
- F5D4D0
≈ French Bustle
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.35:1 · APCA Lc 18
Ag
AAA검은색 위
WCAG 15.47:1 · APCA Lc 86
가장 좋은 글자색: #000000
WCAG 15.47:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
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);
}