最接近的命名颜色 · #F5EBE2
#F5EBE2
最接近的命名颜色: Gardenia
#F5EBE2（rgb(245 235 226)、hsl(28 49% 92%)、oklch(0.945 0.016 64.7)）最接近命名颜色 Gardenia。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#F5EBE2
oklch(0.945 0.016 64.7)
颜色转换
- HEX
- #f5ebe2
- RGB
- rgb(245 235 226)
- HSL
- hsl(28 49% 92%)
- HWB
- hwb(28 89% 4%)
- OKLCH
- oklch(0.945 0.016 64.7)
- OKLab
- oklab(0.945 0.007 0.015)
- CIE Lab
- lab(93.66 2.37 5.65)
- LCH
- lch(93.66 6.12 67.3)
- CMYK
- cmyk(0% 4% 8% 4%)
浅色调 · 深色调 · 灰色调
浅色调
- F6EDE5
- F7EFE8
- F8F1EB
- F9F3EE
- FAF5F0
- FBF7F3
- FCF9F6
- FDFBF9
- FEFDFC
深色调
- D5CCC4
- B6AEA8
- 98918C
- 7B7571
- 5F5B57
- 44413E
- 2B2927
- 151312
- 030303
灰色调
- E9E0D8
- DDD5CE
- D0CAC4
- C5BFBA
- B9B4B0
- ADA9A6
- A29F9C
- 969493
- 8B8A89
配色和谐
互补色 +180°
- F5EBE2
Gardenia
- E4EEF7
≈ First Snow
类似色 -30° +30°
- F5EBE2
Gardenia
- F8E9E6
≈ Musical Mist
- F0EDE1
≈ Salt Crystal
三角配色 +120° +240°
- F5EBE2
Gardenia
- E2F1EE
≈ Himalayan Mist
- EFEAF6
≈ Bright Dusk
分裂互补色 +150° +210°
- F5EBE2
Gardenia
- E1F0F4
≈ Diamond White
- E9ECF8
≈ Coconut White
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.17:1 · APCA Lc 8
Ag
AAA黑底
WCAG 17.86:1 · APCA Lc 96
最佳文字颜色: #000000
WCAG 17.86:1 (AAA) · APCA Lc 96
Contrast pairs
代码片段
CSS
:root {
--gardenia: #f5ebe2;
--gardenia-rgb: 245 235 226;
--gardenia-oklch: oklch(0.945 0.016 64.7);
}
.element {
color: var(--gardenia);
background-color: hsl(28 49% 92%);
border-color: oklch(0.945 0.016 64.7);
}Tailwind CSS v4
@theme {
--color-gardenia: #f5ebe2;
--color-gardenia-50: #f8f4f0;
--color-gardenia-100: #ece7e2;
--color-gardenia-200: #d9d3cd;
--color-gardenia-300: #bdb6af;
--color-gardenia-400: #a59d95;
--color-gardenia-500: #8e847b;
--color-gardenia-600: #787068;
--color-gardenia-700: #605953;
--color-gardenia-800: #47413d;
--color-gardenia-900: #312d2a;
--color-gardenia-950: #1d1a17;
}SCSS
$gardenia: #f5ebe2;
$gardenia-rgb: 245, 235, 226;
$gardenia-light: mix(#fff, $gardenia, 20%);
$gardenia-dark: mix(#000, $gardenia, 20%);
.element {
color: $gardenia;
box-shadow: 0 0 0 2px rgba($gardenia, 0.35);
}