最接近的命名颜色 · #DEEBDF
#DEEBDF
最接近的命名颜色: Pastel Smirk
#DEEBDF（rgb(222 235 223)、hsl(125 25% 90%)、oklch(0.927 0.021 147.6)）最接近命名颜色 Pastel Smirk。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#DEEBDF
oklch(0.927 0.021 147.6)
颜色转换
- HEX
- #deebdf
- RGB
- rgb(222 235 223)
- HSL
- hsl(125 25% 90%)
- HWB
- hwb(125 87% 8%)
- OKLCH
- oklch(0.927 0.021 147.6)
- OKLab
- oklab(0.927 -0.018 0.011)
- CIE Lab
- lab(91.81 -6.1 4.27)
- LCH
- lch(91.81 7.45 145)
- CMYK
- cmyk(6% 0% 5% 8%)
浅色调 · 深色调 · 灰色调
浅色调
- E1EDE2
- E5EFE5
- E8F1E9
- EBF3EC
- EEF5EF
- F2F7F2
- F5F9F5
- F8FBF9
- FCFDFC
深色调
- C1CCC2
- A5AEA5
- 89918A
- 6F756F
- 555B56
- 3D413D
- 262927
- 121312
- 020302
灰色调
- D4E0D5
- CAD5CB
- C1CAC2
- B7BFB8
- AEB4AE
- A4A9A5
- 9B9F9B
- 929492
- 898A89
配色和谐
互补色 +180°
- DEEBDF
Pastel Smirk
- EFE2EE
≈ Faded Fuchsia
类似色 -30° +30°
- DEEBDF
Pastel Smirk
- E5E9D9
≈ Shy Green
- D9ECE7
≈ Reduced Turquoise
三角配色 +120° +240°
- DEEBDF
Pastel Smirk
- E1E7F6
≈ Crystal Falls
- F5E2DF
≈ Floral Linen
分裂互补色 +150° +210°
- DEEBDF
Pastel Smirk
- E8E4F4
≈ Modest Violet
- F4E1E7
≈ Pink Amour
四角配色 +90° +180° +270°
- DEEBDF
Pastel Smirk
- DAE9F4
≈ Azureish White
- EFE2EE
≈ Faded Fuchsia
- F2E4D9
≈ Soft Sunrise
对比度与无障碍
Ag
Fail白底
WCAG 1.23:1 · APCA Lc 11
Ag
AAA黑底
WCAG 17.05:1 · APCA Lc 93
最佳文字颜色: #000000
WCAG 17.05:1 (AAA) · APCA Lc 93
Contrast pairs
代码片段
CSS
:root {
--pastel-smirk: #deebdf;
--pastel-smirk-rgb: 222 235 223;
--pastel-smirk-oklch: oklch(0.927 0.021 147.6);
}
.element {
color: var(--pastel-smirk);
background-color: hsl(125 25% 90%);
border-color: oklch(0.927 0.021 147.6);
}Tailwind CSS v4
@theme {
--color-pastel-smirk: #deebdf;
--color-pastel-smirk-50: #f1f7f2;
--color-pastel-smirk-100: #e3eae4;
--color-pastel-smirk-200: #ced7cf;
--color-pastel-smirk-300: #b0bbb2;
--color-pastel-smirk-400: #97a297;
--color-pastel-smirk-500: #7d8a7e;
--color-pastel-smirk-600: #6a756b;
--color-pastel-smirk-700: #555e55;
--color-pastel-smirk-800: #3e443e;
--color-pastel-smirk-900: #2b2f2b;
--color-pastel-smirk-950: #181c18;
}SCSS
$pastel-smirk: #deebdf;
$pastel-smirk-rgb: 222, 235, 223;
$pastel-smirk-light: mix(#fff, $pastel-smirk, 20%);
$pastel-smirk-dark: mix(#000, $pastel-smirk, 20%);
.element {
color: $pastel-smirk;
box-shadow: 0 0 0 2px rgba($pastel-smirk, 0.35);
}