最接近的命名颜色 · #F1C788
#F1C788
最接近的命名颜色: Honeyed Glow
#F1C788（rgb(241 199 136)、hsl(36 79% 74%)、oklch(0.852 0.093 77.1)）最接近命名颜色 Honeyed Glow。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#F1C788
oklch(0.852 0.093 77.1)
颜色转换
- HEX
- #f1c788
- RGB
- rgb(241 199 136)
- HSL
- hsl(36 79% 74%)
- HWB
- hwb(36 53% 5%)
- OKLCH
- oklch(0.852 0.093 77.1)
- OKLab
- oklab(0.852 0.021 0.091)
- CIE Lab
- lab(82.92 9.49 37.39)
- LCH
- lch(82.92 38.58 75.8)
- CMYK
- cmyk(0% 17% 44% 5%)
浅色调 · 深色调 · 灰色调
浅色调
- F3CD95
- F4D2A1
- F6D8AD
- F7DEB9
- F9E3C5
- FAE9D0
- FBEEDC
- FDF4E8
- FEF9F3
深色调
- D2AD75
- B39363
- 957A52
- 796241
- 5D4C31
- 433622
- 2B2113
- 140E06
- 030201
灰色调
- E5C088
- DAB988
- CEB187
- C3AA87
- B7A386
- AC9C85
- A19584
- 968E83
- 8B8782
配色和谐
互补色 +180°
- F1C788
Honeyed Glow
- B0D1FF
≈ Ice Cold Stare
类似色 -30° +30°
- F1C788
Honeyed Glow
- FFBD9D
≈ Cream Puff
- D5D38B
≈ Guacamole Ambrosia
三角配色 +120° +240°
- F1C788
Honeyed Glow
- 7FE2E3
≈ Cold Blue
- E8BCF7
≈ Lovecloud
分裂互补色 +150° +210°
- F1C788
Honeyed Glow
- 8ADBFE
≈ Tranquil Pool
- CAC7FF
≈ Innocent Snowdrop
四角配色 +90° +180° +270°
- F1C788
Honeyed Glow
- 90E2C2
≈ Bubble Algae
- B0D1FF
≈ Ice Cold Stare
- FDB6DA
≈ Lavender Candy
对比度与无障碍
Ag
Fail白底
WCAG 1.58:1 · APCA Lc 26
Ag
AAA黑底
WCAG 13.26:1 · APCA Lc 77
最佳文字颜色: #000000
WCAG 13.26:1 (AAA) · APCA Lc 77
Contrast pairs
代码片段
CSS
:root {
--honeyed-glow: #f1c788;
--honeyed-glow-rgb: 241 199 136;
--honeyed-glow-oklch: oklch(0.852 0.093 77.1);
}
.element {
color: var(--honeyed-glow);
background-color: hsl(36 79% 74%);
border-color: oklch(0.852 0.093 77.1);
}Tailwind CSS v4
@theme {
--color-honeyed-glow: #f1c788;
--color-honeyed-glow-50: #fff3d8;
--color-honeyed-glow-100: #f9e5c6;
--color-honeyed-glow-200: #ead0a8;
--color-honeyed-glow-300: #d1b281;
--color-honeyed-glow-400: #bd975d;
--color-honeyed-glow-500: #a97d37;
--color-honeyed-glow-600: #8e6a30;
--color-honeyed-glow-700: #725526;
--color-honeyed-glow-800: #553d1a;
--color-honeyed-glow-900: #3b2a11;
--color-honeyed-glow-950: #251804;
}SCSS
$honeyed-glow: #f1c788;
$honeyed-glow-rgb: 241, 199, 136;
$honeyed-glow-light: mix(#fff, $honeyed-glow, 20%);
$honeyed-glow-dark: mix(#000, $honeyed-glow, 20%);
.element {
color: $honeyed-glow;
box-shadow: 0 0 0 2px rgba($honeyed-glow, 0.35);
}