가장 가까운 이름 색상 · #DBF1E3
#DBF1E3
가장 가까운 이름 색상: Frozen Civilization
#DBF1E3(rgb(219 241 227), hsl(142 44% 90%), oklch(0.938 0.03 157.9))와 가장 가까운 이름 색상은 Frozen Civilization입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#DBF1E3
oklch(0.938 0.03 157.9)
색상 변환
- HEX
- #dbf1e3
- RGB
- rgb(219 241 227)
- HSL
- hsl(142 44% 90%)
- HWB
- hwb(142 86% 5%)
- OKLCH
- oklch(0.938 0.03 157.9)
- OKLab
- oklab(0.938 -0.028 0.011)
- CIE Lab
- lab(93.22 -9.42 4.19)
- LCH
- lch(93.22 10.31 156)
- CMYK
- cmyk(9% 0% 6% 5%)
틴트 · 셰이드 · 톤
틴트
- DFF2E6
- E2F4E9
- E6F5EB
- E9F7EE
- EDF8F1
- F1F9F4
- F4FBF7
- F8FCF9
- FBFEFC
셰이드
- BED2C5
- A2B3A8
- 87958C
- 6D7971
- 545D57
- 3C433F
- 262B27
- 111412
- 020303
톤
- D2E5D9
- C8D9CE
- BFCEC4
- B6C2BA
- ADB7B0
- A3ACA6
- 9AA19D
- 929693
- 898B89
색 조화
보색 +180°
- DBF1E3
Frozen Civilization
- F9E3F2
≈ Petal Poise
유사색 -30° +30°
- DBF1E3
Frozen Civilization
- E5EFDA
≈ Maison Verte
- D5F1EE
≈ Icy Wind
삼각 배색 +120° +240°
- DBF1E3
Frozen Civilization
- E5E9FF
≈ Glitter
- FDE4DD
≈ Lady Anne
분열 보색 +150° +210°
- DBF1E3
Frozen Civilization
- F0E6FA
≈ Holographic Lavender
- FEE3E7
≈ Hepatica
사각 배색 +90° +180° +270°
- DBF1E3
Frozen Civilization
- DCEDFE
≈ Calcareous Sinter
- F9E3F2
≈ Petal Poise
- F8E7D6
≈ Tender
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.18:1 · APCA Lc 9
Ag
AAA검은색 위
WCAG 17.70:1 · APCA Lc 95
가장 좋은 글자색: #000000
WCAG 17.70:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--frozen-civilization: #dbf1e3;
--frozen-civilization-rgb: 219 241 227;
--frozen-civilization-oklch: oklch(0.938 0.03 157.9);
}
.element {
color: var(--frozen-civilization);
background-color: hsl(142 44% 90%);
border-color: oklch(0.938 0.03 157.9);
}Tailwind CSS v4
@theme {
--color-frozen-civilization: #dbf1e3;
--color-frozen-civilization-50: #eef8f2;
--color-frozen-civilization-100: #e0ebe4;
--color-frozen-civilization-200: #cad8d0;
--color-frozen-civilization-300: #abbcb2;
--color-frozen-civilization-400: #91a498;
--color-frozen-civilization-500: #768c7f;
--color-frozen-civilization-600: #64776b;
--color-frozen-civilization-700: #505f56;
--color-frozen-civilization-800: #3a463e;
--color-frozen-civilization-900: #28302b;
--color-frozen-civilization-950: #161c18;
}SCSS
$frozen-civilization: #dbf1e3;
$frozen-civilization-rgb: 219, 241, 227;
$frozen-civilization-light: mix(#fff, $frozen-civilization, 20%);
$frozen-civilization-dark: mix(#000, $frozen-civilization, 20%);
.element {
color: $frozen-civilization;
box-shadow: 0 0 0 2px rgba($frozen-civilization, 0.35);
}