命名颜色 · #FFDB29
Golden Honey Suckle
Golden Honey Suckle 即 #FFDB29：rgb(255 219 41)、hsl(50 100% 58%)、oklch(0.896 0.176 96.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Yellow mean? → · Golden Honey Suckle color name →
#FFDB29
oklch(0.896 0.176 96.3)
颜色转换
- HEX
- #ffdb29
- RGB
- rgb(255 219 41)
- HSL
- hsl(50 100% 58%)
- HWB
- hwb(50 16% 0%)
- OKLCH
- oklch(0.896 0.176 96.3)
- OKLab
- oklab(0.896 -0.019 0.175)
- CIE Lab
- lab(88.53 1.39 81.73)
- LCH
- lch(88.53 81.74 89)
- CMYK
- cmyk(0% 14% 84% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FFDF51
- FFE36C
- FFE783
- FFEB97
- FFEEAA
- FFF2BC
- FFF5CD
- FFF9DE
- FFFCEF
深色调
- DEBE22
- BEA21C
- 9E8715
- 806D0F
- 635409
- 483C05
- 2E2602
- 161101
- 030200
灰色调
- F2D241
- E4C950
- D7C05B
- CAB764
- BDAD6B
- B1A471
- A49B76
- 98927A
- 8C897D
配色和谐
互补色 +180°
- FFDB29
Golden Honey Suckle
- D3DAFF
≈ Icy Plains
类似色 -30° +30°
- FFDB29
Golden Honey Suckle
- FFD4A9
≈ Neon Cloud
- BFF165
≈ Green Cow
三角配色 +120° +240°
- FFDB29
Golden Honey Suckle
- 9EEBFF
≈ Alpine Expedition
- FFC9F0
≈ Rosy Maple Moth
分裂互补色 +150° +210°
- FFDB29
Golden Honey Suckle
- C0E1FF
≈ Dithered Sky
- E7D2FF
≈ Rose Dragée
四角配色 +90° +180° +270°
- FFDB29
Golden Honey Suckle
- 01FDED
≈ Master Sword Blue
- D3DAFF
≈ Icy Plains
- FFCED6
≈ Love Fumes
对比度与无障碍
Ag
Fail白底
WCAG 1.36:1 · APCA Lc 18
Ag
AAA黑底
WCAG 15.41:1 · APCA Lc 86
最佳文字颜色: #000000
WCAG 15.41:1 (AAA) · APCA Lc 86
Contrast pairs
代码片段
CSS
:root {
--golden-honey-suckle: #ffdb29;
--golden-honey-suckle-rgb: 255 219 41;
--golden-honey-suckle-oklch: oklch(0.896 0.176 96.3);
}
.element {
color: var(--golden-honey-suckle);
background-color: hsl(50 100% 58%);
border-color: oklch(0.896 0.176 96.3);
}Tailwind CSS v4
@theme {
--color-golden-honey-suckle: #ffdb29;
--color-golden-honey-suckle-50: #fff7bc;
--color-golden-honey-suckle-100: #f7e9a5;
--color-golden-honey-suckle-200: #e8d57a;
--color-golden-honey-suckle-300: #cfb83b;
--color-golden-honey-suckle-400: #bd9c00;
--color-golden-honey-suckle-500: #a98100;
--color-golden-honey-suckle-600: #8f6e00;
--color-golden-honey-suckle-700: #735800;
--color-golden-honey-suckle-800: #563f00;
--color-golden-honey-suckle-900: #3c2b00;
--color-golden-honey-suckle-950: #261800;
}SCSS
$golden-honey-suckle: #ffdb29;
$golden-honey-suckle-rgb: 255, 219, 41;
$golden-honey-suckle-light: mix(#fff, $golden-honey-suckle, 20%);
$golden-honey-suckle-dark: mix(#000, $golden-honey-suckle, 20%);
.element {
color: $golden-honey-suckle;
box-shadow: 0 0 0 2px rgba($golden-honey-suckle, 0.35);
}