命名颜色 · #E5E7E5
Bridal Wreath
Bridal Wreath 即 #E5E7E5：rgb(229 231 229)、hsl(120 4% 90%)、oklch(0.926 0.003 145.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Bridal Wreath color name →
#E5E7E5
oklch(0.926 0.003 145.5)
颜色转换
- HEX
- #e5e7e5
- RGB
- rgb(229 231 229)
- HSL
- hsl(120 4% 90%)
- HWB
- hwb(120 90% 9%)
- OKLCH
- oklch(0.926 0.003 145.5)
- OKLab
- oklab(0.926 -0.003 0.002)
- CIE Lab
- lab(91.45 -0.96 0.73)
- LCH
- lch(91.45 1.21 142.9)
- CMYK
- cmyk(1% 0% 1% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- E8E9E8
- EAECEA
- EDEEED
- EFF1EF
- F2F3F2
- F5F5F5
- F7F8F7
- FAFAFA
- FCFDFC
深色调
- C7C9C7
- AAABAA
- 8E8F8E
- 727372
- 585958
- 3F403F
- 282828
- 121312
- 030303
灰色调
- DADCDA
- D0D2D0
- C6C7C6
- BBBCBB
- B1B2B1
- A7A8A7
- 9D9E9D
- 939493
- 8A8A8A
配色和谐
互补色 +180°
- E5E7E5
Bridal Wreath
- E8E6E8
≈ Orchid Mist
类似色 -30° +30°
- E5E7E5
Bridal Wreath
- E6E7E4
≈ Whale Bone
- E4E7E6
≈ Radisson
三角配色 +120° +240°
- E5E7E5
Bridal Wreath
- E5E6E9
≈ Lilac Murmur
- E9E6E5
≈ Deep Daigi White
分裂互补色 +150° +210°
- E5E7E5
Bridal Wreath
- E6E6E8
≈ Moon Lily
- E8E5E6
≈ Minuet White
四角配色 +90° +180° +270°
- E5E7E5
Bridal Wreath
- E4E7E8
≈ Silent Delight
- E8E6E8
≈ Orchid Mist
- E8E6E4
≈ Soft Violet
对比度与无障碍
Ag
Fail白底
WCAG 1.24:1 · APCA Lc 12
Ag
AAA黑底
WCAG 16.89:1 · APCA Lc 92
最佳文字颜色: #000000
WCAG 16.89:1 (AAA) · APCA Lc 92
Contrast pairs
代码片段
CSS
:root {
--bridal-wreath: #e5e7e5;
--bridal-wreath-rgb: 229 231 229;
--bridal-wreath-oklch: oklch(0.926 0.003 145.5);
}
.element {
color: var(--bridal-wreath);
background-color: hsl(120 4% 90%);
border-color: oklch(0.926 0.003 145.5);
}Tailwind CSS v4
@theme {
--color-bridal-wreath: #e5e7e5;
--color-bridal-wreath-50: #f4f5f4;
--color-bridal-wreath-100: #e7e8e7;
--color-bridal-wreath-200: #d3d4d3;
--color-bridal-wreath-300: #b6b8b6;
--color-bridal-wreath-400: #9d9f9d;
--color-bridal-wreath-500: #858785;
--color-bridal-wreath-600: #707270;
--color-bridal-wreath-700: #5a5b5a;
--color-bridal-wreath-800: #424342;
--color-bridal-wreath-900: #2d2e2d;
--color-bridal-wreath-950: #1a1b1a;
}SCSS
$bridal-wreath: #e5e7e5;
$bridal-wreath-rgb: 229, 231, 229;
$bridal-wreath-light: mix(#fff, $bridal-wreath, 20%);
$bridal-wreath-dark: mix(#000, $bridal-wreath, 20%);
.element {
color: $bridal-wreath;
box-shadow: 0 0 0 2px rgba($bridal-wreath, 0.35);
}