가장 가까운 이름 색상 · #D7F0DE
#D7F0DE
가장 가까운 이름 색상: Silky Mint
#D7F0DE(rgb(215 240 222), hsl(137 45% 89%), oklch(0.932 0.036 154.3))와 가장 가까운 이름 색상은 Silky Mint입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D7F0DE
oklch(0.932 0.036 154.3)
색상 변환
- HEX
- #d7f0de
- RGB
- rgb(215 240 222)
- HSL
- hsl(137 45% 89%)
- HWB
- hwb(137 84% 6%)
- OKLCH
- oklch(0.932 0.036 154.3)
- OKLab
- oklab(0.932 -0.032 0.015)
- CIE Lab
- lab(92.58 -10.99 5.81)
- LCH
- lch(92.58 12.43 152.2)
- CMYK
- cmyk(10% 0% 7% 6%)
틴트 · 셰이드 · 톤
틴트
- DBF2E1
- DFF3E5
- E3F5E8
- E7F6EB
- EBF8EE
- EFF9F2
- F3FBF5
- F7FCF8
- FBFEFC
셰이드
- BBD1C1
- 9FB2A5
- 859589
- 6B786F
- 525D55
- 3B433D
- 252A26
- 111412
- 020302
톤
- CEE4D4
- C5D9CA
- BCCDC1
- B3C2B7
- ABB6AE
- A2ABA4
- 99A09B
- 919592
- 888B89
색 조화
보색 +180°
- D7F0DE
Silky Mint
- F8E0F2
≈ Pale Blossom
유사색 -30° +30°
- D7F0DE
Silky Mint
- E3EDD3
≈ Spring Wheat
- CFF1EB
≈ Teal Ice
삼각 배색 +120° +240°
- D7F0DE
Silky Mint
- E1E7FF
≈ Lavender Mist
- FFE1D9
≈ Red Shimmer
분열 보색 +150° +210°
- D7F0DE
Silky Mint
- EEE3FC
≈ Minute Mauve
- FFDFE5
≈ Pink Pleasure
사각 배색 +90° +180° +270°
- D7F0DE
Silky Mint
- D6ECFF
≈ Cloudless
- F8E0F2
≈ Pale Blossom
- FAE4D0
≈ Full Cream
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.20:1 · APCA Lc 10
Ag
AAA검은색 위
WCAG 17.40:1 · APCA Lc 94
가장 좋은 글자색: #000000
WCAG 17.40:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--silky-mint: #d7f0de;
--silky-mint-rgb: 215 240 222;
--silky-mint-oklch: oklch(0.932 0.036 154.3);
}
.element {
color: var(--silky-mint);
background-color: hsl(137 45% 89%);
border-color: oklch(0.932 0.036 154.3);
}Tailwind CSS v4
@theme {
--color-silky-mint: #d7f0de;
--color-silky-mint-50: #edf8f1;
--color-silky-mint-100: #dfece3;
--color-silky-mint-200: #c9d9ce;
--color-silky-mint-300: #a9bdb0;
--color-silky-mint-400: #8fa595;
--color-silky-mint-500: #748d7c;
--color-silky-mint-600: #637869;
--color-silky-mint-700: #4f6054;
--color-silky-mint-800: #39463c;
--color-silky-mint-900: #273129;
--color-silky-mint-950: #151d17;
}SCSS
$silky-mint: #d7f0de;
$silky-mint-rgb: 215, 240, 222;
$silky-mint-light: mix(#fff, $silky-mint, 20%);
$silky-mint-dark: mix(#000, $silky-mint, 20%);
.element {
color: $silky-mint;
box-shadow: 0 0 0 2px rgba($silky-mint, 0.35);
}