لون مسمّى · #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);
}