命名颜色 · #E6EAE0
Hydrangea Floret
Hydrangea Floret 即 #E6EAE0：rgb(230 234 224)、hsl(84 19% 90%)、oklch(0.931 0.014 124.6)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Hydrangea Floret color name →
#E6EAE0
oklch(0.931 0.014 124.6)
颜色转换
- HEX
- #e6eae0
- RGB
- rgb(230 234 224)
- HSL
- hsl(84 19% 90%)
- HWB
- hwb(84 88% 8%)
- OKLCH
- oklch(0.931 0.014 124.6)
- OKLab
- oklab(0.931 -0.008 0.012)
- CIE Lab
- lab(92.18 -2.7 4.38)
- LCH
- lch(92.18 5.15 121.7)
- CMYK
- cmyk(2% 0% 4% 8%)
浅色调 · 深色调 · 灰色调
浅色调
- E8ECE3
- EBEEE6
- EDF0E9
- F0F2EC
- F2F4EF
- F5F7F3
- F7F9F6
- FAFBF9
- FCFDFC
深色调
- C8CBC3
- ABAEA6
- 8E918A
- 737570
- 595A56
- 40413E
- 282927
- 131312
- 030302
灰色调
- DBDFD6
- D1D4CC
- C6C9C2
- BCBEB8
- B2B4AF
- A7A9A5
- 9D9F9C
- 939492
- 8A8A89
配色和谐
互补色 +180°
- E6EAE0
Hydrangea Floret
- EAE6F0
≈ Tranquil Eve
类似色 -30° +30°
- E6EAE0
Hydrangea Floret
- EBE8DE
≈ Soft Wool
- E1EBE4
≈ Delicate Mist
三角配色 +120° +240°
- E6EAE0
Hydrangea Floret
- E1EAF1
≈ Himalaya Peaks
- F1E5E7
≈ Venus Pink
分裂互补色 +150° +210°
- E6EAE0
Hydrangea Floret
- E5E8F2
≈ Whisper Blue
- EFE5EC
≈ In the Spotlight
四角配色 +90° +180° +270°
- E6EAE0
Hydrangea Floret
- DEEBEE
≈ Prelude
- EAE6F0
≈ Tranquil Eve
- F1E5E2
≈ Hint of Pink
对比度与无障碍
Ag
Fail白底
WCAG 1.22:1 · APCA Lc 11
Ag
AAA黑底
WCAG 17.21:1 · APCA Lc 93
最佳文字颜色: #000000
WCAG 17.21:1 (AAA) · APCA Lc 93
Contrast pairs
代码片段
CSS
:root {
--hydrangea-floret: #e6eae0;
--hydrangea-floret-rgb: 230 234 224;
--hydrangea-floret-oklch: oklch(0.931 0.014 124.6);
}
.element {
color: var(--hydrangea-floret);
background-color: hsl(84 19% 90%);
border-color: oklch(0.931 0.014 124.6);
}Tailwind CSS v4
@theme {
--color-hydrangea-floret: #e6eae0;
--color-hydrangea-floret-50: #f4f6f2;
--color-hydrangea-floret-100: #e6e9e4;
--color-hydrangea-floret-200: #d2d5cf;
--color-hydrangea-floret-300: #b5b9b1;
--color-hydrangea-floret-400: #9ca097;
--color-hydrangea-floret-500: #84887e;
--color-hydrangea-floret-600: #70736b;
--color-hydrangea-floret-700: #595c55;
--color-hydrangea-floret-800: #41433e;
--color-hydrangea-floret-900: #2d2e2b;
--color-hydrangea-floret-950: #1a1b18;
}SCSS
$hydrangea-floret: #e6eae0;
$hydrangea-floret-rgb: 230, 234, 224;
$hydrangea-floret-light: mix(#fff, $hydrangea-floret, 20%);
$hydrangea-floret-dark: mix(#000, $hydrangea-floret, 20%);
.element {
color: $hydrangea-floret;
box-shadow: 0 0 0 2px rgba($hydrangea-floret, 0.35);
}