Màu có tên gần nhất · #D8EBCE
#D8EBCE
Màu có tên gần nhất: Hint of Mint
#D8EBCE (rgb(216 235 206), hsl(99 42% 86%), oklch(0.918 0.044 134.7)) gần nhất với màu có tên Hint of Mint. 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.
#D8EBCE
oklch(0.918 0.044 134.7)
Chuyển đổi màu
- HEX
- #d8ebce
- RGB
- rgb(216 235 206)
- HSL
- hsl(99 42% 86%)
- HWB
- hwb(99 81% 8%)
- OKLCH
- oklch(0.918 0.044 134.7)
- OKLab
- oklab(0.918 -0.031 0.031)
- CIE Lab
- lab(91.04 -10.38 11.89)
- LCH
- lch(91.04 15.78 131.1)
- CMYK
- cmyk(8% 0% 12% 8%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DCEDD3
- E0EFD8
- E4F1DD
- E8F3E2
- EBF5E6
- EFF7EB
- F3F9F0
- F7FBF5
- FBFDFA
Sắc đậm
- BCCCB3
- A0AE98
- 85917F
- 6B7566
- 535B4E
- 3B4138
- 252923
- 11130F
- 020302
Sắc xám
- CFE0C6
- C6D5BE
- BDCAB6
- B4BFAE
- ABB4A6
- A2A99F
- 9A9F97
- 91948F
- 888A88
Hòa sắc
Bổ túc +180°
- D8EBCE
Hint of Mint
- EFDCF9
≈ Lavender Savour
Tương đồng -30° +30°
- D8EBCE
Hint of Mint
- E8E6C5
≈ Child of Heaven
- CAEEDD
≈ Summer House
Bộ ba +120° +240°
- D8EBCE
Hint of Mint
- D3E6FF
≈ Veiling Waterfalls
- FFD9DB
≈ Strawberry Blonde
Bổ túc chia +150° +210°
- D8EBCE
Hint of Mint
- E0E1FF
≈ Stoic White
- FAD9EB
≈ Cherry Flower
Bộ bốn +90° +180° +270°
- D8EBCE
Hint of Mint
- C6EBFA
≈ Blue Java Banana
- EFDCF9
≈ Lavender Savour
- FEDCCD
≈ Glazed Sugar
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.25:1 · APCA Lc 13
Ag
AAATrên nền đen
WCAG 16.69:1 · APCA Lc 91
Màu chữ tốt nhất: #000000
WCAG 16.69:1 (AAA) · APCA Lc 91
Contrast pairs
Đoạn mã
CSS
:root {
--hint-of-mint: #d8ebce;
--hint-of-mint-rgb: 216 235 206;
--hint-of-mint-oklch: oklch(0.918 0.044 134.7);
}
.element {
color: var(--hint-of-mint);
background-color: hsl(99 42% 86%);
border-color: oklch(0.918 0.044 134.7);
}Tailwind CSS v4
@theme {
--color-hint-of-mint: #d8ebce;
--color-hint-of-mint-50: #f0f8ec;
--color-hint-of-mint-100: #e1ecdd;
--color-hint-of-mint-200: #ccd9c7;
--color-hint-of-mint-300: #adbda7;
--color-hint-of-mint-400: #94a58b;
--color-hint-of-mint-500: #7a8d70;
--color-hint-of-mint-600: #67775f;
--color-hint-of-mint-700: #535f4c;
--color-hint-of-mint-800: #3d4636;
--color-hint-of-mint-900: #2a3025;
--color-hint-of-mint-950: #171d14;
}SCSS
$hint-of-mint: #d8ebce;
$hint-of-mint-rgb: 216, 235, 206;
$hint-of-mint-light: mix(#fff, $hint-of-mint, 20%);
$hint-of-mint-dark: mix(#000, $hint-of-mint, 20%);
.element {
color: $hint-of-mint;
box-shadow: 0 0 0 2px rgba($hint-of-mint, 0.35);
}