이름 색상 · #E5EAD8
Homoeopathic Mint
Homoeopathic Mint은(는) #E5EAD8: rgb(229 234 216), hsl(77 30% 88%), oklch(0.928 0.025 119.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Homoeopathic Mint color name →
#E5EAD8
oklch(0.928 0.025 119.5)
색상 변환
- HEX
- #e5ead8
- RGB
- rgb(229 234 216)
- HSL
- hsl(77 30% 88%)
- HWB
- hwb(77 85% 8%)
- OKLCH
- oklch(0.928 0.025 119.5)
- OKLab
- oklab(0.928 -0.012 0.021)
- CIE Lab
- lab(91.94 -4.07 8.16)
- LCH
- lch(91.94 9.12 116.5)
- CMYK
- cmyk(2% 0% 8% 8%)
틴트 · 셰이드 · 톤
틴트
- E8ECDC
- EAEEE0
- EDF0E4
- EFF2E8
- F2F4EB
- F5F7EF
- F7F9F3
- FAFBF7
- FCFDFB
셰이드
- C7CBBC
- AAAEA0
- 8E9185
- 72756B
- 585A53
- 3F413B
- 282925
- 121311
- 030302
톤
- DADFCF
- D0D4C6
- C6C9BD
- BBBEB4
- B1B4AB
- A7A9A2
- 9D9F9A
- 939491
- 8A8A88
색 조화
보색 +180°
- E5EAD8
Homoeopathic Mint
- E9E4F6
≈ Cyber Lavender
유사색 -30° +30°
- E5EAD8
Homoeopathic Mint
- EEE7D5
≈ Board & Batten
- DDECDF
≈ Cryo Freeze
삼각 배색 +120° +240°
- E5EAD8
Homoeopathic Mint
- D9EAF6
≈ Celestial Cathedral
- F6E1E7
≈ Pork Belly
분열 보색 +150° +210°
- E5EAD8
Homoeopathic Mint
- E1E7F8
≈ Glitter
- F1E2EF
≈ Sheer Lavender
사각 배색 +90° +180° +270°
- E5EAD8
Homoeopathic Mint
- D6ECF0
≈ Sparkling River
- E9E4F6
≈ Cyber Lavender
- F7E2DE
≈ Floral Linen
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.22:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 17.09:1 · APCA Lc 93
가장 좋은 글자색: #000000
WCAG 17.09:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--homoeopathic-mint: #e5ead8;
--homoeopathic-mint-rgb: 229 234 216;
--homoeopathic-mint-oklch: oklch(0.928 0.025 119.5);
}
.element {
color: var(--homoeopathic-mint);
background-color: hsl(77 30% 88%);
border-color: oklch(0.928 0.025 119.5);
}Tailwind CSS v4
@theme {
--color-homoeopathic-mint: #e5ead8;
--color-homoeopathic-mint-50: #f4f6ef;
--color-homoeopathic-mint-100: #e6e9e0;
--color-homoeopathic-mint-200: #d2d6cb;
--color-homoeopathic-mint-300: #b5baac;
--color-homoeopathic-mint-400: #9ca191;
--color-homoeopathic-mint-500: #848977;
--color-homoeopathic-mint-600: #707465;
--color-homoeopathic-mint-700: #595d50;
--color-homoeopathic-mint-800: #41443a;
--color-homoeopathic-mint-900: #2d2f28;
--color-homoeopathic-mint-950: #1a1b16;
}SCSS
$homoeopathic-mint: #e5ead8;
$homoeopathic-mint-rgb: 229, 234, 216;
$homoeopathic-mint-light: mix(#fff, $homoeopathic-mint, 20%);
$homoeopathic-mint-dark: mix(#000, $homoeopathic-mint, 20%);
.element {
color: $homoeopathic-mint;
box-shadow: 0 0 0 2px rgba($homoeopathic-mint, 0.35);
}