가장 가까운 이름 색상 · #E3F1D9
#E3F1D9
가장 가까운 이름 색상: Maison Verte
#E3F1D9(rgb(227 241 217), hsl(95 46% 90%), oklch(0.941 0.035 132))와 가장 가까운 이름 색상은 Maison Verte입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E3F1D9
oklch(0.941 0.035 132)
색상 변환
- HEX
- #e3f1d9
- RGB
- rgb(227 241 217)
- HSL
- hsl(95 46% 90%)
- HWB
- hwb(95 85% 5%)
- OKLCH
- oklch(0.941 0.035 132)
- OKLab
- oklab(0.941 -0.024 0.026)
- CIE Lab
- lab(93.6 -7.96 9.97)
- LCH
- lch(93.6 12.75 128.6)
- CMYK
- cmyk(6% 0% 10% 5%)
틴트 · 셰이드 · 톤
틴트
- E6F2DD
- E9F4E1
- EBF5E4
- EEF7E8
- F1F8EC
- F4F9F0
- F7FBF4
- F9FCF7
- FCFEFB
셰이드
- C5D2BC
- A8B3A1
- 8C9586
- 71796C
- 575D53
- 3F433B
- 272B25
- 121411
- 030302
톤
- D9E5D0
- CED9C7
- C4CEBD
- BAC2B4
- B0B7AC
- A6ACA3
- 9DA19A
- 939691
- 898B89
색 조화
보색 +180°
- E3F1D9
Maison Verte
- F4E5FD
≈ Soft Lavender
유사색 -30° +30°
- E3F1D9
Maison Verte
- F0EDD2
≈ Whipped Citron
- D8F3E4
≈ Teal Treat
삼각 배색 +120° +240°
- E3F1D9
Maison Verte
- DEEDFF
≈ Calcareous Sinter
- FFE4E6
≈ Vanilla Strawberry
분열 보색 +150° +210°
- E3F1D9
Maison Verte
- E8EAFF
≈ Glitter
- FDE3F2
≈ Bunny Tail
사각 배색 +90° +180° +270°
- E3F1D9
Maison Verte
- D3F2FD
≈ Water
- F4E5FD
≈ Soft Lavender
- FFE5DC
≈ French Manicure
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.17:1 · APCA Lc 8
Ag
AAA검은색 위
WCAG 17.85:1 · APCA Lc 96
가장 좋은 글자색: #000000
WCAG 17.85:1 (AAA) · APCA Lc 96
Contrast pairs
코드 스니펫
CSS
:root {
--maison-verte: #e3f1d9;
--maison-verte-rgb: 227 241 217;
--maison-verte-oklch: oklch(0.941 0.035 132);
}
.element {
color: var(--maison-verte);
background-color: hsl(95 46% 90%);
border-color: oklch(0.941 0.035 132);
}Tailwind CSS v4
@theme {
--color-maison-verte: #e3f1d9;
--color-maison-verte-50: #f1f8ed;
--color-maison-verte-100: #e3ebdf;
--color-maison-verte-200: #ced8c9;
--color-maison-verte-300: #b0bcaa;
--color-maison-verte-400: #97a38e;
--color-maison-verte-500: #7e8b73;
--color-maison-verte-600: #6a7662;
--color-maison-verte-700: #555e4e;
--color-maison-verte-800: #3e4538;
--color-maison-verte-900: #2b3026;
--color-maison-verte-950: #181c15;
}SCSS
$maison-verte: #e3f1d9;
$maison-verte-rgb: 227, 241, 217;
$maison-verte-light: mix(#fff, $maison-verte, 20%);
$maison-verte-dark: mix(#000, $maison-verte, 20%);
.element {
color: $maison-verte;
box-shadow: 0 0 0 2px rgba($maison-verte, 0.35);
}