이름 색상 · #DBE8CF
Minty Frosting
Minty Frosting은(는) #DBE8CF: rgb(219 232 207), hsl(91 35% 86%), oklch(0.914 0.036 129.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Minty Frosting color name →
#DBE8CF
oklch(0.914 0.036 129.7)
색상 변환
- HEX
- #dbe8cf
- RGB
- rgb(219 232 207)
- HSL
- hsl(91 35% 86%)
- HWB
- hwb(91 81% 9%)
- OKLCH
- oklch(0.914 0.036 129.7)
- OKLab
- oklab(0.914 -0.023 0.028)
- CIE Lab
- lab(90.5 -7.78 10.65)
- LCH
- lch(90.5 13.19 126.2)
- CMYK
- cmyk(6% 0% 11% 9%)
틴트 · 셰이드 · 톤
틴트
- DFEAD4
- E2EDD9
- E6EFDD
- E9F1E2
- EDF4E7
- F0F6EC
- F4F8F1
- F8FAF5
- FBFDFA
셰이드
- BECAB4
- A2AC99
- 87907F
- 6D7467
- 54594F
- 3C4038
- 262923
- 111310
- 020302
톤
- D2DDC7
- C8D2BF
- BFC8B7
- B6BDAF
- ACB3A7
- A3A89F
- 9A9E97
- 91948F
- 898A88
색 조화
보색 +180°
- DBE8CF
Minty Frosting
- EADDF5
≈ Lingering Lilac
유사색 -30° +30°
- DBE8CF
Minty Frosting
- E8E4C9
≈ Dirty White
- CFEBDA
≈ Hatching Chameleon
삼각 배색 +120° +240°
- DBE8CF
Minty Frosting
- D1E5FB
≈ Weathered Blue
- FAD9DD
≈ Bunny’s Nose
분열 보색 +150° +210°
- DBE8CF
Minty Frosting
- DDE1FB
≈ Stoic White
- F4DAEA
≈ Nursery Pink
사각 배색 +90° +180° +270°
- DBE8CF
Minty Frosting
- C9E9F3
≈ Frosty Day
- EADDF5
≈ Lingering Lilac
- F9DBD1
≈ Light Carob
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.27:1 · APCA Lc 14
Ag
AAA검은색 위
WCAG 16.45:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.45:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--minty-frosting: #dbe8cf;
--minty-frosting-rgb: 219 232 207;
--minty-frosting-oklch: oklch(0.914 0.036 129.7);
}
.element {
color: var(--minty-frosting);
background-color: hsl(91 35% 86%);
border-color: oklch(0.914 0.036 129.7);
}Tailwind CSS v4
@theme {
--color-minty-frosting: #dbe8cf;
--color-minty-frosting-50: #f1f7ed;
--color-minty-frosting-100: #e3ebde;
--color-minty-frosting-200: #cfd8c8;
--color-minty-frosting-300: #b1bca9;
--color-minty-frosting-400: #98a38d;
--color-minty-frosting-500: #7e8b72;
--color-minty-frosting-600: #6b7661;
--color-minty-frosting-700: #565e4d;
--color-minty-frosting-800: #3f4538;
--color-minty-frosting-900: #2b3026;
--color-minty-frosting-950: #191c14;
}SCSS
$minty-frosting: #dbe8cf;
$minty-frosting-rgb: 219, 232, 207;
$minty-frosting-light: mix(#fff, $minty-frosting, 20%);
$minty-frosting-dark: mix(#000, $minty-frosting, 20%);
.element {
color: $minty-frosting;
box-shadow: 0 0 0 2px rgba($minty-frosting, 0.35);
}