Màu có tên · #DBE8CF
Minty Frosting
Minty Frosting là #DBE8CF: rgb(219 232 207), hsl(91 35% 86%), oklch(0.914 0.036 129.7). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Green mean? → · Minty Frosting color name →
#DBE8CF
oklch(0.914 0.036 129.7)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DFEAD4
- E2EDD9
- E6EFDD
- E9F1E2
- EDF4E7
- F0F6EC
- F4F8F1
- F8FAF5
- FBFDFA
Sắc đậm
- BECAB4
- A2AC99
- 87907F
- 6D7467
- 54594F
- 3C4038
- 262923
- 111310
- 020302
Sắc xám
- D2DDC7
- C8D2BF
- BFC8B7
- B6BDAF
- ACB3A7
- A3A89F
- 9A9E97
- 91948F
- 898A88
Hòa sắc
Bổ túc +180°
- DBE8CF
Minty Frosting
- EADDF5
≈ Lingering Lilac
Tương đồng -30° +30°
- DBE8CF
Minty Frosting
- E8E4C9
≈ Dirty White
- CFEBDA
≈ Hatching Chameleon
Bộ ba +120° +240°
- DBE8CF
Minty Frosting
- D1E5FB
≈ Weathered Blue
- FAD9DD
≈ Bunny’s Nose
Bổ túc chia +150° +210°
- DBE8CF
Minty Frosting
- DDE1FB
≈ Stoic White
- F4DAEA
≈ Nursery Pink
Bộ bốn +90° +180° +270°
- DBE8CF
Minty Frosting
- C9E9F3
≈ Frosty Day
- EADDF5
≈ Lingering Lilac
- F9DBD1
≈ Light Carob
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.27:1 · APCA Lc 14
Ag
AAATrên nền đen
WCAG 16.45:1 · APCA Lc 90
Màu chữ tốt nhất: #000000
WCAG 16.45:1 (AAA) · APCA Lc 90
Contrast pairs
Đoạn mã
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);
}