命名颜色 · #FFFFEF
Springtime Dew
Springtime Dew 即 #FFFFEF：rgb(255 255 239)、hsl(60 100% 97%)、oklch(0.996 0.021 106.8)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Gray mean? → · Springtime Dew color name →
#FFFFEF
oklch(0.996 0.021 106.8)
颜色转换
- HEX
- #ffffef
- RGB
- rgb(255 255 239)
- HSL
- hsl(60 100% 97%)
- HWB
- hwb(60 94% 0%)
- OKLCH
- oklch(0.996 0.021 106.8)
- OKLab
- oklab(0.996 -0.006 0.02)
- CIE Lab
- lab(99.68 -2.02 7.67)
- LCH
- lch(99.68 7.94 104.8)
- CMYK
- cmyk(0% 0% 6% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FFFFF1
- FFFFF2
- FFFFF4
- FFFFF5
- FFFFF7
- FFFFF9
- FFFFFA
- FFFFFC
- FFFFFD
深色调
- DEDED0
- BEBEB1
- 9E9E94
- 808078
- 63635C
- 484842
- 2E2E2A
- 161614
- 030303
灰色调
- F2F2E3
- E4E4D8
- D7D7CC
- CACAC1
- BDBEB6
- B1B1AB
- A4A4A0
- 989895
- 8C8C8B
配色和谐
互补色 +180°
- FFFFEF
Springtime Dew
- FDFDFF
≈ Pale Grey
类似色 -30° +30°
- FFFFEF
Springtime Dew
- FFFDFB
≈ Lotion
- FBFFFA
≈ Ceramic
三角配色 +120° +240°
- FFFFEF
Springtime Dew
- FCFEFF
≈ Polar Bear in a Blizzard
- FFFDFE
≈ Whitecap Snow
分裂互补色 +150° +210°
- FFFFEF
Springtime Dew
- FDFEFF
≈ White as Heaven
- FEFDFF
≈ Pale Grey
四角配色 +90° +180° +270°
- FFFFEF
Springtime Dew
- F9FFFF
≈ Polar Bear in a Blizzard
- FDFDFF
≈ Pale Grey
- FFFDFD
≈ Whitecap Snow
对比度与无障碍
Ag
Fail白底
WCAG 1.00:1 · APCA Lc 0
Ag
AAA黑底
WCAG 20.80:1 · APCA Lc 107
最佳文字颜色: #000000
WCAG 20.80:1 (AAA) · APCA Lc 107
Contrast pairs
代码片段
CSS
:root {
--springtime-dew: #ffffef;
--springtime-dew-rgb: 255 255 239;
--springtime-dew-oklch: oklch(0.996 0.021 106.8);
}
.element {
color: var(--springtime-dew);
background-color: hsl(60 100% 97%);
border-color: oklch(0.996 0.021 106.8);
}Tailwind CSS v4
@theme {
--color-springtime-dew: #ffffef;
--color-springtime-dew-50: #f5f6ef;
--color-springtime-dew-100: #e8e8e1;
--color-springtime-dew-200: #d5d5cb;
--color-springtime-dew-300: #b8b8ac;
--color-springtime-dew-400: #9f9f91;
--color-springtime-dew-500: #878778;
--color-springtime-dew-600: #737365;
--color-springtime-dew-700: #5c5c51;
--color-springtime-dew-800: #43433b;
--color-springtime-dew-900: #2e2e28;
--color-springtime-dew-950: #1b1b16;
}SCSS
$springtime-dew: #ffffef;
$springtime-dew-rgb: 255, 255, 239;
$springtime-dew-light: mix(#fff, $springtime-dew, 20%);
$springtime-dew-dark: mix(#000, $springtime-dew, 20%);
.element {
color: $springtime-dew;
box-shadow: 0 0 0 2px rgba($springtime-dew, 0.35);
}