命名颜色 · #EAEED8
Blissful Serenity
Blissful Serenity 即 #EAEED8：rgb(234 238 216)、hsl(71 39% 89%)、oklch(0.94 0.029 115.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Blissful Serenity color name →
#EAEED8
oklch(0.94 0.029 115.3)
颜色转换
- HEX
- #eaeed8
- RGB
- rgb(234 238 216)
- HSL
- hsl(71 39% 89%)
- HWB
- hwb(71 85% 7%)
- OKLCH
- oklch(0.94 0.029 115.3)
- OKLab
- oklab(0.94 -0.013 0.027)
- CIE Lab
- lab(93.35 -4.2 10.21)
- LCH
- lch(93.35 11.04 112.3)
- CMYK
- cmyk(2% 0% 9% 7%)
浅色调 · 深色调 · 灰色调
浅色调
- ECF0DC
- EEF1E0
- F0F3E4
- F2F5E8
- F4F7EB
- F7F8EF
- F9FAF3
- FBFCF7
- FDFDFB
深色调
- CBCFBC
- AEB1A0
- 919385
- 75776B
- 5A5C53
- 41423B
- 292A25
- 131411
- 030302
灰色调
- DFE2CF
- D4D7C6
- C9CCBD
- BEC1B4
- B4B5AB
- A9ABA2
- 9FA09A
- 949591
- 8A8A88
配色和谐
互补色 +180°
- EAEED8
Blissful Serenity
- ECE8FD
≈ Bright Dusk
类似色 -30° +30°
- EAEED8
Blissful Serenity
- F4EAD6
≈ Good Morning Akihabara
- E0F1E0
≈ Mint Grasshopper
三角配色 +120° +240°
- EAEED8
Blissful Serenity
- D9EFFD
≈ Calcareous Sinter
- FDE4EC
≈ Early Blossom
分裂互补色 +150° +210°
- EAEED8
Blissful Serenity
- E2EBFF
≈ Husky
- F6E5F6
≈ Soft Lavender
四角配色 +90° +180° +270°
- EAEED8
Blissful Serenity
- D6F1F5
≈ Let It Snow
- ECE8FD
≈ Bright Dusk
- FFE4E1
≈ Misty Rose
对比度与无障碍
Ag
Fail白底
WCAG 1.18:1 · APCA Lc 9
Ag
AAA黑底
WCAG 17.71:1 · APCA Lc 95
最佳文字颜色: #000000
WCAG 17.71:1 (AAA) · APCA Lc 95
Contrast pairs
代码片段
CSS
:root {
--blissful-serenity: #eaeed8;
--blissful-serenity-rgb: 234 238 216;
--blissful-serenity-oklch: oklch(0.94 0.029 115.3);
}
.element {
color: var(--blissful-serenity);
background-color: hsl(71 39% 89%);
border-color: oklch(0.94 0.029 115.3);
}Tailwind CSS v4
@theme {
--color-blissful-serenity: #eaeed8;
--color-blissful-serenity-50: #f4f6ed;
--color-blissful-serenity-100: #e7e9de;
--color-blissful-serenity-200: #d3d6c8;
--color-blissful-serenity-300: #b6baa9;
--color-blissful-serenity-400: #9da18d;
--color-blissful-serenity-500: #858973;
--color-blissful-serenity-600: #717461;
--color-blissful-serenity-700: #5a5d4e;
--color-blissful-serenity-800: #424438;
--color-blissful-serenity-900: #2e2f26;
--color-blissful-serenity-950: #1a1b15;
}SCSS
$blissful-serenity: #eaeed8;
$blissful-serenity-rgb: 234, 238, 216;
$blissful-serenity-light: mix(#fff, $blissful-serenity, 20%);
$blissful-serenity-dark: mix(#000, $blissful-serenity, 20%);
.element {
color: $blissful-serenity;
box-shadow: 0 0 0 2px rgba($blissful-serenity, 0.35);
}