가장 가까운 이름 색상 · #D3ECDD
#D3ECDD
가장 가까운 이름 색상: Splashdown
#D3ECDD(rgb(211 236 221), hsl(144 40% 88%), oklch(0.921 0.033 159.4))와 가장 가까운 이름 색상은 Splashdown입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D3ECDD
oklch(0.921 0.033 159.4)
색상 변환
- HEX
- #d3ecdd
- RGB
- rgb(211 236 221)
- HSL
- hsl(144 40% 88%)
- HWB
- hwb(144 83% 7%)
- OKLCH
- oklch(0.921 0.033 159.4)
- OKLab
- oklab(0.921 -0.031 0.012)
- CIE Lab
- lab(91.24 -10.62 4.36)
- LCH
- lch(91.24 11.48 157.7)
- CMYK
- cmyk(11% 0% 6% 7%)
틴트 · 셰이드 · 톤
틴트
- D7EEE0
- DCF0E4
- E0F2E7
- E5F4EB
- E9F6EE
- EDF7F1
- F2F9F5
- F6FBF8
- FBFDFC
셰이드
- B7CDC0
- 9CAFA4
- 829288
- 69766E
- 515B55
- 3A423D
- 242926
- 101311
- 020302
톤
- CAE1D3
- C2D5CA
- B9CAC0
- B1BFB7
- A9B5AD
- A0AAA4
- 989F9B
- 909592
- 888A89
색 조화
보색 +180°
- D3ECDD
Splashdown
- F5DDEC
≈ Ranunculus White
유사색 -30° +30°
- D3ECDD
Splashdown
- DEEAD3
≈ Mediterranean Green
- CDECE9
≈ Icy Blue
삼각 배색 +120° +240°
- D3ECDD
Splashdown
- E0E3FB
≈ Lavender Mist
- FADED5
≈ Peony Prize
분열 보색 +150° +210°
- D3ECDD
Splashdown
- EBDFF6
≈ Divine Dove
- FADCE0
≈ Carousel Pink
사각 배색 +90° +180° +270°
- D3ECDD
Splashdown
- D5E7FB
≈ Cloudless
- F5DDEC
≈ Ranunculus White
- F4E1CE
≈ Fondant
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.24:1 · APCA Lc 12
Ag
AAA검은색 위
WCAG 16.81:1 · APCA Lc 92
가장 좋은 글자색: #000000
WCAG 16.81:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--splashdown: #d3ecdd;
--splashdown-rgb: 211 236 221;
--splashdown-oklch: oklch(0.921 0.033 159.4);
}
.element {
color: var(--splashdown);
background-color: hsl(144 40% 88%);
border-color: oklch(0.921 0.033 159.4);
}Tailwind CSS v4
@theme {
--color-splashdown: #d3ecdd;
--color-splashdown-50: #edf8f2;
--color-splashdown-100: #dfebe4;
--color-splashdown-200: #c9d9d0;
--color-splashdown-300: #a9bdb2;
--color-splashdown-400: #8ea597;
--color-splashdown-500: #748d7e;
--color-splashdown-600: #62786b;
--color-splashdown-700: #4e6056;
--color-splashdown-800: #39463e;
--color-splashdown-900: #27302b;
--color-splashdown-950: #151d18;
}SCSS
$splashdown: #d3ecdd;
$splashdown-rgb: 211, 236, 221;
$splashdown-light: mix(#fff, $splashdown, 20%);
$splashdown-dark: mix(#000, $splashdown, 20%);
.element {
color: $splashdown;
box-shadow: 0 0 0 2px rgba($splashdown, 0.35);
}