가장 가까운 이름 색상 · #D3ECE0
#D3ECE0
가장 가까운 이름 색상: Minty Fresh
#D3ECE0(rgb(211 236 224), hsl(151 40% 88%), oklch(0.921 0.031 165.3))와 가장 가까운 이름 색상은 Minty Fresh입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D3ECE0
oklch(0.921 0.031 165.3)
색상 변환
- HEX
- #d3ece0
- RGB
- rgb(211 236 224)
- HSL
- hsl(151 40% 88%)
- HWB
- hwb(151 83% 7%)
- OKLCH
- oklch(0.921 0.031 165.3)
- OKLab
- oklab(0.921 -0.03 0.008)
- CIE Lab
- lab(91.3 -10.21 2.9)
- LCH
- lch(91.3 10.61 164.1)
- CMYK
- cmyk(11% 0% 5% 7%)
틴트 · 셰이드 · 톤
틴트
- D7EEE3
- DCF0E6
- E0F2E9
- E5F4EC
- E9F6EF
- EDF7F3
- F2F9F6
- F6FBF9
- FBFDFC
셰이드
- B7CDC3
- 9CAFA6
- 82928A
- 697670
- 515B56
- 3A423E
- 242927
- 101312
- 020302
톤
- CAE1D6
- C2D5CC
- B9CAC2
- B1BFB8
- A9B5AF
- A0AAA5
- 989F9C
- 909592
- 888A89
색 조화
보색 +180°
- D3ECE0
Minty Fresh
- F5DDEA
≈ Ranunculus White
유사색 -30° +30°
- D3ECE0
Minty Fresh
- DCEAD6
≈ Touch of Green
- CEECEB
≈ Mint Chip
삼각 배색 +120° +240°
- D3ECE0
Minty Fresh
- E2E3F9
≈ Lavender Mist
- F8DFD4
≈ Delicate Rose
분열 보색 +150° +210°
- D3ECE0
Minty Fresh
- EDDFF4
≈ Divine Dove
- F9DDDE
≈ Powdered Blush
사각 배색 +90° +180° +270°
- D3ECE0
Minty Fresh
- D8E7FA
≈ Cloudless
- F5DDEA
≈ Ranunculus White
- F1E3CF
≈ Ancient Scroll
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.24:1 · APCA Lc 12
Ag
AAA검은색 위
WCAG 16.84:1 · APCA Lc 92
가장 좋은 글자색: #000000
WCAG 16.84:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--minty-fresh: #d3ece0;
--minty-fresh-rgb: 211 236 224;
--minty-fresh-oklch: oklch(0.921 0.031 165.3);
}
.element {
color: var(--minty-fresh);
background-color: hsl(151 40% 88%);
border-color: oklch(0.921 0.031 165.3);
}Tailwind CSS v4
@theme {
--color-minty-fresh: #d3ece0;
--color-minty-fresh-50: #edf8f3;
--color-minty-fresh-100: #dfebe6;
--color-minty-fresh-200: #c8d9d1;
--color-minty-fresh-300: #a9bdb4;
--color-minty-fresh-400: #8ea59a;
--color-minty-fresh-500: #748d81;
--color-minty-fresh-600: #62776d;
--color-minty-fresh-700: #4e5f57;
--color-minty-fresh-800: #39463f;
--color-minty-fresh-900: #27302c;
--color-minty-fresh-950: #151d19;
}SCSS
$minty-fresh: #d3ece0;
$minty-fresh-rgb: 211, 236, 224;
$minty-fresh-light: mix(#fff, $minty-fresh, 20%);
$minty-fresh-dark: mix(#000, $minty-fresh, 20%);
.element {
color: $minty-fresh;
box-shadow: 0 0 0 2px rgba($minty-fresh, 0.35);
}