Màu có tên gần nhất · #E1E2CE
#E1E2CE
Màu có tên gần nhất: Sip of Mint
#E1E2CE (rgb(225 226 206), hsl(63 26% 85%), oklch(0.907 0.027 109.2)) gần nhất với màu có tên Sip 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.
#E1E2CE
oklch(0.907 0.027 109.2)
Chuyển đổi màu
- HEX
- #e1e2ce
- RGB
- rgb(225 226 206)
- HSL
- hsl(63 26% 85%)
- HWB
- hwb(63 81% 11%)
- OKLCH
- oklch(0.907 0.027 109.2)
- OKLab
- oklab(0.907 -0.009 0.025)
- CIE Lab
- lab(89.4 -2.91 9.7)
- LCH
- lch(89.4 10.12 106.7)
- CMYK
- cmyk(0% 0% 9% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E4E5D3
- E7E8D8
- EAEBDD
- EDEEE1
- F0F0E6
- F3F3EB
- F6F6F0
- F9F9F5
- FCFCFA
Sắc đậm
- C4C4B3
- A7A898
- 8B8C7F
- 707166
- 56574E
- 3E3E38
- 272723
- 12120F
- 020302
Sắc xám
- D7D8C6
- CDCEBE
- C3C4B6
- B9BAAE
- AFB0A6
- A6A69E
- 9C9C97
- 93938F
- 898988
Hòa sắc
Bổ túc +180°
- E1E2CE
Sip of Mint
- DFDEF1
≈ Artemis Silver
Tương đồng -30° +30°
- E1E2CE
Sip of Mint
- EADFCD
≈ Dry Bone
- D7E5D4
≈ Light Mystified
Bộ ba +120° +240°
- E1E2CE
Sip of Mint
- CFE4EF
≈ First Frost
- EFD9E3
≈ Rosa Bonito
Bổ túc chia +150° +210°
- E1E2CE
Sip of Mint
- D6E1F2
≈ Aquarelle Purple
- E8DBEC
≈ Princess Fairy Tale
Bộ bốn +90° +180° +270°
- E1E2CE
Sip of Mint
- CDE6E7
≈ Ventilated
- DFDEF1
≈ Artemis Silver
- F2DAD9
≈ Lover’s Knot
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.31:1 · APCA Lc 16
Ag
AAATrên nền đen
WCAG 15.97:1 · APCA Lc 88
Màu chữ tốt nhất: #000000
WCAG 15.97:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
CSS
:root {
--sip-of-mint: #e1e2ce;
--sip-of-mint-rgb: 225 226 206;
--sip-of-mint-oklch: oklch(0.907 0.027 109.2);
}
.element {
color: var(--sip-of-mint);
background-color: hsl(63 26% 85%);
border-color: oklch(0.907 0.027 109.2);
}Tailwind CSS v4
@theme {
--color-sip-of-mint: #e1e2ce;
--color-sip-of-mint-50: #f5f6ed;
--color-sip-of-mint-100: #e8e9df;
--color-sip-of-mint-200: #d4d5c9;
--color-sip-of-mint-300: #b7b9aa;
--color-sip-of-mint-400: #9fa08e;
--color-sip-of-mint-500: #878874;
--color-sip-of-mint-600: #727362;
--color-sip-of-mint-700: #5b5c4e;
--color-sip-of-mint-800: #434339;
--color-sip-of-mint-900: #2e2e27;
--color-sip-of-mint-950: #1b1b15;
}SCSS
$sip-of-mint: #e1e2ce;
$sip-of-mint-rgb: 225, 226, 206;
$sip-of-mint-light: mix(#fff, $sip-of-mint, 20%);
$sip-of-mint-dark: mix(#000, $sip-of-mint, 20%);
.element {
color: $sip-of-mint;
box-shadow: 0 0 0 2px rgba($sip-of-mint, 0.35);
}