Màu có tên gần nhất · #E1E3D0
#E1E3D0
Màu có tên gần nhất: Gentle Frost
#E1E3D0 (rgb(225 227 208), hsl(66 25% 85%), oklch(0.909 0.025 111.8)) gần nhất với màu có tên Gentle Frost. 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.
#E1E3D0
oklch(0.909 0.025 111.8)
Chuyển đổi màu
- HEX
- #e1e3d0
- RGB
- rgb(225 227 208)
- HSL
- hsl(66 25% 85%)
- HWB
- hwb(66 82% 11%)
- OKLCH
- oklch(0.909 0.025 111.8)
- OKLab
- oklab(0.909 -0.009 0.024)
- CIE Lab
- lab(89.69 -3.14 9.07)
- LCH
- lch(89.69 9.6 109.1)
- CMYK
- cmyk(1% 0% 8% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E4E6D5
- E7E9D9
- EAEBDE
- EDEEE3
- F0F1E7
- F3F4EC
- F6F7F1
- F9F9F6
- FCFCFA
Sắc đậm
- C4C5B5
- A7A89A
- 8B8C80
- 707167
- 56574F
- 3E3F39
- 272723
- 121210
- 020302
Sắc xám
- D7D9C8
- CDCEBF
- C3C4B7
- B9BAAF
- AFB0A7
- A6A69F
- 9C9D97
- 93938F
- 898988
Hòa sắc
Bổ túc +180°
- E1E3D0
Gentle Frost
- E1DEF1
≈ Lingering Lilac
Tương đồng -30° +30°
- E1E3D0
Gentle Frost
- EAE0CF
≈ Crispy Crust
- D8E6D6
≈ Whispering Frost
Bộ ba +120° +240°
- E1E3D0
Gentle Frost
- D1E4EF
≈ Mystic Harbour
- EFDAE3
≈ Rosa Bonito
Bổ túc chia +150° +210°
- E1E3D0
Gentle Frost
- D8E2F3
≈ Aquarelle Purple
- E9DCEB
≈ Sprinkle
Bộ bốn +90° +180° +270°
- E1E3D0
Gentle Frost
- CEE6E8
≈ Ventilated
- E1DEF1
≈ Lingering Lilac
- F2DBD9
≈ Hawaiian Shell
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.30:1 · APCA Lc 15
Ag
AAATrên nền đen
WCAG 16.09:1 · APCA Lc 89
Màu chữ tốt nhất: #000000
WCAG 16.09:1 (AAA) · APCA Lc 89
Contrast pairs
Đoạn mã
CSS
:root {
--gentle-frost: #e1e3d0;
--gentle-frost-rgb: 225 227 208;
--gentle-frost-oklch: oklch(0.909 0.025 111.8);
}
.element {
color: var(--gentle-frost);
background-color: hsl(66 25% 85%);
border-color: oklch(0.909 0.025 111.8);
}Tailwind CSS v4
@theme {
--color-gentle-frost: #e1e3d0;
--color-gentle-frost-50: #f5f6ee;
--color-gentle-frost-100: #e7e9df;
--color-gentle-frost-200: #d4d6c9;
--color-gentle-frost-300: #b7b9aa;
--color-gentle-frost-400: #9ea08f;
--color-gentle-frost-500: #868875;
--color-gentle-frost-600: #727363;
--color-gentle-frost-700: #5b5c4f;
--color-gentle-frost-800: #434339;
--color-gentle-frost-900: #2e2e27;
--color-gentle-frost-950: #1b1b15;
}SCSS
$gentle-frost: #e1e3d0;
$gentle-frost-rgb: 225, 227, 208;
$gentle-frost-light: mix(#fff, $gentle-frost, 20%);
$gentle-frost-dark: mix(#000, $gentle-frost, 20%);
.element {
color: $gentle-frost;
box-shadow: 0 0 0 2px rgba($gentle-frost, 0.35);
}