最接近的命名颜色 · #E1E3D0
#E1E3D0
最接近的命名颜色: Gentle Frost
#E1E3D0（rgb(225 227 208)、hsl(66 25% 85%)、oklch(0.909 0.025 111.8)）最接近命名颜色 Gentle Frost。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E1E3D0
oklch(0.909 0.025 111.8)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- E4E6D5
- E7E9D9
- EAEBDE
- EDEEE3
- F0F1E7
- F3F4EC
- F6F7F1
- F9F9F6
- FCFCFA
深色调
- C4C5B5
- A7A89A
- 8B8C80
- 707167
- 56574F
- 3E3F39
- 272723
- 121210
- 020302
灰色调
- D7D9C8
- CDCEBF
- C3C4B7
- B9BAAF
- AFB0A7
- A6A69F
- 9C9D97
- 93938F
- 898988
配色和谐
互补色 +180°
- E1E3D0
Gentle Frost
- E1DEF1
≈ Lingering Lilac
类似色 -30° +30°
- E1E3D0
Gentle Frost
- EAE0CF
≈ Crispy Crust
- D8E6D6
≈ Whispering Frost
三角配色 +120° +240°
- E1E3D0
Gentle Frost
- D1E4EF
≈ Mystic Harbour
- EFDAE3
≈ Rosa Bonito
分裂互补色 +150° +210°
- E1E3D0
Gentle Frost
- D8E2F3
≈ Aquarelle Purple
- E9DCEB
≈ Sprinkle
四角配色 +90° +180° +270°
- E1E3D0
Gentle Frost
- CEE6E8
≈ Ventilated
- E1DEF1
≈ Lingering Lilac
- F2DBD9
≈ Hawaiian Shell
对比度与无障碍
Ag
Fail白底
WCAG 1.30:1 · APCA Lc 15
Ag
AAA黑底
WCAG 16.09:1 · APCA Lc 89
最佳文字颜色: #000000
WCAG 16.09:1 (AAA) · APCA Lc 89
Contrast pairs
代码片段
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);
}