最接近的命名颜色 · #F5C4A8
#F5C4A8
最接近的命名颜色: Bellini
#F5C4A8（rgb(245 196 168)、hsl(22 79% 81%)、oklch(0.857 0.068 51.2)）最接近命名颜色 Bellini。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#F5C4A8
oklch(0.857 0.068 51.2)
颜色转换
- HEX
- #f5c4a8
- RGB
- rgb(245 196 168)
- HSL
- hsl(22 79% 81%)
- HWB
- hwb(22 66% 4%)
- OKLCH
- oklch(0.857 0.068 51.2)
- OKLab
- oklab(0.857 0.042 0.053)
- CIE Lab
- lab(83.05 15.19 21.09)
- LCH
- lch(83.05 26 54.2)
- CMYK
- cmyk(0% 20% 31% 4%)
浅色调 · 深色调 · 灰色调
浅色调
- F6CAB1
- F8D0B9
- F9D6C2
- FADCCB
- FBE2D3
- FCE7DC
- FDEDE5
- FEF3ED
- FEF9F6
深色调
- D5AA92
- B6917C
- 987867
- 7B6152
- 5F4A3F
- 44352C
- 2B211A
- 150E0A
- 030201
灰色调
- E9BDA4
- DDB6A0
- D1AF9C
- C5A898
- B9A294
- AE9B90
- A2948C
- 978D88
- 8B8784
配色和谐
互补色 +180°
- F5C4A8
Bellini
- A3D9F5
≈ Sora Blue
类似色 -30° +30°
- F5C4A8
Bellini
- F9BFBD
≈ Carnation Bloom
- E7CC9E
≈ Harvest
三角配色 +120° +240°
- F5C4A8
Bellini
- A3DFCA
≈ Meristem
- CFC9FA
≈ Lavender Blue
分裂互补色 +150° +210°
- F5C4A8
Bellini
- 9ADEE2
≈ Pale Pastel
- B7D1FD
≈ Ice Cold Stare
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.57:1 · APCA Lc 26
Ag
AAA黑底
WCAG 13.34:1 · APCA Lc 77
最佳文字颜色: #000000
WCAG 13.34:1 (AAA) · APCA Lc 77
Contrast pairs
代码片段
CSS
:root {
--bellini: #f5c4a8;
--bellini-rgb: 245 196 168;
--bellini-oklch: oklch(0.857 0.068 51.2);
}
.element {
color: var(--bellini);
background-color: hsl(22 79% 81%);
border-color: oklch(0.857 0.068 51.2);
}Tailwind CSS v4
@theme {
--color-bellini: #f5c4a8;
--color-bellini-50: #fff0e4;
--color-bellini-100: #fbe2d3;
--color-bellini-200: #edcdba;
--color-bellini-300: #d4af98;
--color-bellini-400: #c0937a;
--color-bellini-500: #ab795c;
--color-bellini-600: #90674f;
--color-bellini-700: #74523f;
--color-bellini-800: #563b2d;
--color-bellini-900: #3c291f;
--color-bellini-950: #26170e;
}SCSS
$bellini: #f5c4a8;
$bellini-rgb: 245, 196, 168;
$bellini-light: mix(#fff, $bellini, 20%);
$bellini-dark: mix(#000, $bellini, 20%);
.element {
color: $bellini;
box-shadow: 0 0 0 2px rgba($bellini, 0.35);
}