가장 가까운 이름 색상 · #E3F3DF
#E3F3DF
가장 가까운 이름 색상: Mojito
#E3F3DF(rgb(227 243 223), hsl(108 45% 91%), oklch(0.947 0.031 139.4))와 가장 가까운 이름 색상은 Mojito입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E3F3DF
oklch(0.947 0.031 139.4)
색상 변환
- HEX
- #e3f3df
- RGB
- rgb(227 243 223)
- HSL
- hsl(108 45% 91%)
- HWB
- hwb(108 87% 5%)
- OKLCH
- oklch(0.947 0.031 139.4)
- OKLab
- oklab(0.947 -0.024 0.02)
- CIE Lab
- lab(94.23 -8.14 7.78)
- LCH
- lch(94.23 11.26 136.3)
- CMYK
- cmyk(7% 0% 8% 5%)
틴트 · 셰이드 · 톤
틴트
- E6F4E2
- E9F5E5
- EBF7E9
- EEF8EC
- F1F9EF
- F4FAF2
- F7FBF5
- F9FDF9
- FCFEFC
셰이드
- C5D3C2
- A8B4A5
- 8C978A
- 717A6F
- 575E56
- 3F443D
- 272B27
- 121412
- 030302
톤
- D9E7D5
- CEDBCB
- C4CFC2
- BAC3B8
- B0B8AE
- A6ACA5
- 9DA19C
- 939692
- 898B89
색 조화
보색 +180°
- E3F3DF
Mojito
- F7E7FB
≈ Soft Lavender
유사색 -30° +30°
- E3F3DF
Mojito
- EEF0D8
≈ Budding Leaf
- DAF5EA
≈ Diluted Mint
삼각 배색 +120° +240°
- E3F3DF
Mojito
- E4EEFF
≈ Brilliant White
- FFE7E6
≈ Pink Theory
분열 보색 +150° +210°
- E3F3DF
Mojito
- ECEBFF
≈ Placebo Purple
- FFE5F1
≈ Cherubic
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.15:1 · APCA Lc 7
Ag
AAA검은색 위
WCAG 18.15:1 · APCA Lc 97
가장 좋은 글자색: #000000
WCAG 18.15:1 (AAA) · APCA Lc 97
Contrast pairs
코드 스니펫
CSS
:root {
--mojito: #e3f3df;
--mojito-rgb: 227 243 223;
--mojito-oklch: oklch(0.947 0.031 139.4);
}
.element {
color: var(--mojito);
background-color: hsl(108 45% 91%);
border-color: oklch(0.947 0.031 139.4);
}Tailwind CSS v4
@theme {
--color-mojito: #e3f3df;
--color-mojito-50: #f0f8ef;
--color-mojito-100: #e2ebe1;
--color-mojito-200: #cdd8cb;
--color-mojito-300: #afbcad;
--color-mojito-400: #95a392;
--color-mojito-500: #7c8c78;
--color-mojito-600: #697665;
--color-mojito-700: #545e51;
--color-mojito-800: #3d453a;
--color-mojito-900: #2a3028;
--color-mojito-950: #181c16;
}SCSS
$mojito: #e3f3df;
$mojito-rgb: 227, 243, 223;
$mojito-light: mix(#fff, $mojito, 20%);
$mojito-dark: mix(#000, $mojito, 20%);
.element {
color: $mojito;
box-shadow: 0 0 0 2px rgba($mojito, 0.35);
}