Màu có tên gần nhất · #E4FBE2
#E4FBE2
Màu có tên gần nhất: Hint of Mint
#E4FBE2 (rgb(228 251 226), hsl(115 76% 94%), oklch(0.965 0.041 143)) 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.
#E4FBE2
oklch(0.965 0.041 143)
Chuyển đổi màu
- HEX
- #e4fbe2
- RGB
- rgb(228 251 226)
- HSL
- hsl(115 76% 94%)
- HWB
- hwb(115 89% 2%)
- OKLCH
- oklch(0.965 0.041 143)
- OKLab
- oklab(0.965 -0.033 0.025)
- CIE Lab
- lab(96.42 -11.13 9.35)
- LCH
- lch(96.42 14.54 140)
- CMYK
- cmyk(9% 0% 10% 2%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E7FBE5
- E9FCE8
- ECFCEB
- EFFDEE
- F2FDF1
- F4FDF3
- F7FEF6
- FAFEF9
- FCFFFC
Sắc đậm
- C6DAC4
- A9BAA8
- 8D9C8C
- 727E71
- 586157
- 3F463E
- 282D27
- 121512
- 030303
Sắc xám
- DAEED8
- CFE1CE
- C5D5C4
- BBC8BA
- B1BCB0
- A7AFA6
- 9DA39C
- 939793
- 8A8C89
Hòa sắc
Bổ túc +180°
- E4FBE2
Hint of Mint
- FDEDFF
≈ Lovely Euphoric Delight
Tương đồng -30° +30°
- E4FBE2
Hint of Mint
- F3F7D8
≈ Sprig of Sage
- D9FDF1
≈ Candied Snow
Bộ ba +120° +240°
- E4FBE2
Hint of Mint
- EDF4FF
≈ Placebo Blue
- FFEFEE
≈ White Gloss
Bổ túc chia +150° +210°
- E4FBE2
Hint of Mint
- F3F1FF
≈ Cloud Break
- FFEEF4
≈ Powder Puff
Bộ bốn +90° +180° +270°
- E4FBE2
Hint of Mint
- E7F6FF
≈ Kodama White
- FDEDFF
≈ Lovely Euphoric Delight
- FFF0E7
≈ Pico Ivory
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.09:1 · APCA Lc 0
Ag
AAATrên nền đen
WCAG 19.19:1 · APCA Lc 101
Màu chữ tốt nhất: #000000
WCAG 19.19:1 (AAA) · APCA Lc 101
Contrast pairs
Đoạn mã
CSS
:root {
--hint-of-mint: #e4fbe2;
--hint-of-mint-rgb: 228 251 226;
--hint-of-mint-oklch: oklch(0.965 0.041 143);
}
.element {
color: var(--hint-of-mint);
background-color: hsl(115 76% 94%);
border-color: oklch(0.965 0.041 143);
}Tailwind CSS v4
@theme {
--color-hint-of-mint: #e4fbe2;
--color-hint-of-mint-50: #eef8ee;
--color-hint-of-mint-100: #e0ece0;
--color-hint-of-mint-200: #cad9ca;
--color-hint-of-mint-300: #abbdab;
--color-hint-of-mint-400: #91a58f;
--color-hint-of-mint-500: #778e75;
--color-hint-of-mint-600: #657863;
--color-hint-of-mint-700: #50604f;
--color-hint-of-mint-800: #3b4639;
--color-hint-of-mint-900: #283027;
--color-hint-of-mint-950: #161d15;
}SCSS
$hint-of-mint: #e4fbe2;
$hint-of-mint-rgb: 228, 251, 226;
$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);
}