命名颜色 · #ECE2CE
Radiant Dawn
Radiant Dawn 即 #ECE2CE：rgb(236 226 206)、hsl(40 44% 87%)、oklch(0.915 0.029 84.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Radiant Dawn color name →
#ECE2CE
oklch(0.915 0.029 84.6)
颜色转换
- HEX
- #ece2ce
- RGB
- rgb(236 226 206)
- HSL
- hsl(40 44% 87%)
- HWB
- hwb(40 81% 7%)
- OKLCH
- oklch(0.915 0.029 84.6)
- OKLab
- oklab(0.915 0.003 0.029)
- CIE Lab
- lab(90.29 1.07 11.1)
- LCH
- lch(90.29 11.15 84.5)
- CMYK
- cmyk(0% 4% 13% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- EEE5D3
- F0E8D8
- F2EBDD
- F4EEE2
- F5F0E6
- F7F3EB
- F9F6F0
- FBF9F5
- FDFCFA
深色调
- CDC4B3
- AFA898
- 928C7F
- 767166
- 5B574E
- 423E38
- 292723
- 13120F
- 030302
灰色调
- E1D8C6
- D5CEBE
- CAC4B6
- BFBAAE
- B5B0A6
- AAA69E
- 9F9C97
- 95938F
- 8A8988
配色和谐
互补色 +180°
- ECE2CE
Radiant Dawn
- DAE3F7
≈ Aquarelle Purple
类似色 -30° +30°
- ECE2CE
Radiant Dawn
- F3DFD1
≈ Canyonville
- E2E6D0
≈ Bleached Jade
三角配色 +120° +240°
- ECE2CE
Radiant Dawn
- CEE9EC
≈ Summer Mist
- EDDDEE
≈ Divine Dove
分裂互补色 +150° +210°
- ECE2CE
Radiant Dawn
- D1E7F4
≈ New Heights
- E4E0F5
≈ Lingering Lilac
四角配色 +90° +180° +270°
- ECE2CE
Radiant Dawn
- D0EAE2
≈ Ice Water Green
- DAE3F7
≈ Aquarelle Purple
- F4DCE4
≈ Ranunculus White
对比度与无障碍
Ag
Fail白底
WCAG 1.28:1 · APCA Lc 14
Ag
AAA黑底
WCAG 16.33:1 · APCA Lc 90
最佳文字颜色: #000000
WCAG 16.33:1 (AAA) · APCA Lc 90
Contrast pairs
代码片段
CSS
:root {
--radiant-dawn: #ece2ce;
--radiant-dawn-rgb: 236 226 206;
--radiant-dawn-oklch: oklch(0.915 0.029 84.6);
}
.element {
color: var(--radiant-dawn);
background-color: hsl(40 44% 87%);
border-color: oklch(0.915 0.029 84.6);
}Tailwind CSS v4
@theme {
--color-radiant-dawn: #ece2ce;
--color-radiant-dawn-50: #f9f5ec;
--color-radiant-dawn-100: #ece7dd;
--color-radiant-dawn-200: #dad4c7;
--color-radiant-dawn-300: #beb7a7;
--color-radiant-dawn-400: #a69d8c;
--color-radiant-dawn-500: #8f8571;
--color-radiant-dawn-600: #797160;
--color-radiant-dawn-700: #615a4c;
--color-radiant-dawn-800: #474237;
--color-radiant-dawn-900: #312d26;
--color-radiant-dawn-950: #1d1a14;
}SCSS
$radiant-dawn: #ece2ce;
$radiant-dawn-rgb: 236, 226, 206;
$radiant-dawn-light: mix(#fff, $radiant-dawn, 20%);
$radiant-dawn-dark: mix(#000, $radiant-dawn, 20%);
.element {
color: $radiant-dawn;
box-shadow: 0 0 0 2px rgba($radiant-dawn, 0.35);
}