가장 가까운 이름 색상 · #D8ECEA
#D8ECEA
가장 가까운 이름 색상: Cold Omen
#D8ECEA(rgb(216 236 234), hsl(174 34% 89%), oklch(0.928 0.021 189.5))와 가장 가까운 이름 색상은 Cold Omen입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D8ECEA
oklch(0.928 0.021 189.5)
색상 변환
- HEX
- #d8ecea
- RGB
- rgb(216 236 234)
- HSL
- hsl(174 34% 89%)
- HWB
- hwb(174 85% 7%)
- OKLCH
- oklch(0.928 0.021 189.5)
- OKLab
- oklab(0.928 -0.021 -0.004)
- CIE Lab
- lab(91.86 -7.11 -1.41)
- LCH
- lch(91.86 7.25 191.2)
- CMYK
- cmyk(8% 0% 1% 7%)
틴트 · 셰이드 · 톤
틴트
- DCEEEC
- E0F0EE
- E4F2F0
- E8F4F2
- ECF5F4
- EFF7F7
- F3F9F9
- F7FBFB
- FBFDFD
셰이드
- BCCDCB
- A0AFAE
- 859291
- 6B7675
- 535B5A
- 3B4241
- 252929
- 111313
- 020303
톤
- CFE1DF
- C6D5D4
- BDCAC9
- B4BFBE
- ABB5B4
- A2AAA9
- 9A9F9F
- 919594
- 888A8A
색 조화
보색 +180°
- D8ECEA
Cold Omen
- F5E2E4
≈ Be Mine
유사색 -30° +30°
- D8ECEA
Cold Omen
- DCECE2
≈ Pastel Smirk
- D8EBF1
≈ Frost Wind
삼각 배색 +120° +240°
- D8ECEA
Cold Omen
- EBE3F2
≈ Faded Fuchsia
- F1E5D8
≈ Finest Silk
분열 보색 +150° +210°
- D8ECEA
Cold Omen
- F2E2EC
≈ Pink Amour
- F5E3DD
≈ Faded Light
사각 배색 +90° +180° +270°
- D8ECEA
Cold Omen
- E4E6F6
≈ Cyber Lavender
- F5E2E4
≈ Be Mine
- EAE8D8
≈ Angelic Starlet
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.22:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 17.10:1 · APCA Lc 93
가장 좋은 글자색: #000000
WCAG 17.10:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--cold-omen: #d8ecea;
--cold-omen-rgb: 216 236 234;
--cold-omen-oklch: oklch(0.928 0.021 189.5);
}
.element {
color: var(--cold-omen);
background-color: hsl(174 34% 89%);
border-color: oklch(0.928 0.021 189.5);
}Tailwind CSS v4
@theme {
--color-cold-omen: #d8ecea;
--color-cold-omen-50: #eff7f6;
--color-cold-omen-100: #e0eae9;
--color-cold-omen-200: #cbd7d6;
--color-cold-omen-300: #acbbba;
--color-cold-omen-400: #91a3a1;
--color-cold-omen-500: #778b89;
--color-cold-omen-600: #657674;
--color-cold-omen-700: #505e5d;
--color-cold-omen-800: #3a4544;
--color-cold-omen-900: #28302f;
--color-cold-omen-950: #161c1b;
}SCSS
$cold-omen: #d8ecea;
$cold-omen-rgb: 216, 236, 234;
$cold-omen-light: mix(#fff, $cold-omen, 20%);
$cold-omen-dark: mix(#000, $cold-omen, 20%);
.element {
color: $cold-omen;
box-shadow: 0 0 0 2px rgba($cold-omen, 0.35);
}