Màu có tên gần nhất · #E0F2DB
#E0F2DB
Màu có tên gần nhất: Hint of Mint
#E0F2DB (rgb(224 242 219), hsl(107 47% 90%), oklch(0.942 0.036 138.9)) 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.
#E0F2DB
oklch(0.942 0.036 138.9)
Chuyển đổi màu
- HEX
- #e0f2db
- RGB
- rgb(224 242 219)
- HSL
- hsl(107 47% 90%)
- HWB
- hwb(107 86% 5%)
- OKLCH
- oklch(0.942 0.036 138.9)
- OKLab
- oklab(0.942 -0.027 0.024)
- CIE Lab
- lab(93.68 -9.22 9.01)
- LCH
- lch(93.68 12.89 135.6)
- CMYK
- cmyk(7% 0% 10% 5%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E3F3DF
- E6F5E2
- E9F6E6
- ECF7E9
- EFF9ED
- F3FAF1
- F6FBF4
- F9FCF8
- FCFEFB
Sắc đậm
- C3D2BE
- A6B4A2
- 8A9687
- 70796D
- 565E54
- 3E433C
- 272B26
- 121411
- 020302
Sắc xám
- D6E6D2
- CCDAC8
- C2CEBF
- B8C3B6
- AFB7AC
- A5ACA3
- 9CA19A
- 929692
- 898B89
Hòa sắc
Bổ túc +180°
- E0F2DB
Hint of Mint
- F7E5FB
≈ Soft Lavender
Tương đồng -30° +30°
- E0F2DB
Hint of Mint
- EDEED3
≈ Whipped Citron
- D5F4E7
≈ Minty Fresh
Bộ ba +120° +240°
- E0F2DB
Hint of Mint
- E1EDFF
≈ Calcareous Sinter
- FFE4E4
≈ Misty Rose
Bổ túc chia +150° +210°
- E0F2DB
Hint of Mint
- EAE9FF
≈ Glitter
- FFE3EF
≈ Sweetly
Bộ bốn +90° +180° +270°
- E0F2DB
Hint of Mint
- D4F1FF
≈ Water
- F7E5FB
≈ Soft Lavender
- FFE6D9
≈ Light Peach Rose
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.17:1 · APCA Lc 8
Ag
AAATrên nền đen
WCAG 17.89:1 · APCA Lc 96
Màu chữ tốt nhất: #000000
WCAG 17.89:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--hint-of-mint: #e0f2db;
--hint-of-mint-rgb: 224 242 219;
--hint-of-mint-oklch: oklch(0.942 0.036 138.9);
}
.element {
color: var(--hint-of-mint);
background-color: hsl(107 47% 90%);
border-color: oklch(0.942 0.036 138.9);
}Tailwind CSS v4
@theme {
--color-hint-of-mint: #e0f2db;
--color-hint-of-mint-50: #f0f8ee;
--color-hint-of-mint-100: #e2ebe0;
--color-hint-of-mint-200: #ccd8ca;
--color-hint-of-mint-300: #aebcab;
--color-hint-of-mint-400: #94a490;
--color-hint-of-mint-500: #7a8c75;
--color-hint-of-mint-600: #687764;
--color-hint-of-mint-700: #535f4f;
--color-hint-of-mint-800: #3d4539;
--color-hint-of-mint-900: #2a3027;
--color-hint-of-mint-950: #171c15;
}SCSS
$hint-of-mint: #e0f2db;
$hint-of-mint-rgb: 224, 242, 219;
$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);
}