لون مسمّى · #DCB149
Honey Grove
Honey Grove هو #DCB149: rgb(220 177 73)، hsl(42 68% 57%)، oklch(0.78 0.13 86.2). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Honey Grove color name →
#DCB149
oklch(0.78 0.13 86.2)
تحويلات الألوان
- HEX
- #dcb149
- RGB
- rgb(220 177 73)
- HSL
- hsl(42 68% 57%)
- HWB
- hwb(42 29% 14%)
- OKLCH
- oklch(0.78 0.13 86.2)
- OKLab
- oklab(0.78 0.009 0.13)
- CIE Lab
- lab(74.73 8.18 57.38)
- LCH
- lch(74.73 57.96 81.9)
- CMYK
- cmyk(0% 20% 67% 14%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- E0B960
- E3C174
- E7C987
- EAD199
- EED9AA
- F1E0BB
- F5E8CC
- F8F0DD
- FCF7EE
درجات داكنة
- BF993E
- A38334
- 886C2A
- 6E5720
- 544217
- 3C2F0E
- 261C06
- 110C02
- 020100
درجات رمادية
- D3AC53
- C9A75A
- C0A361
- B69E67
- AD996D
- A49471
- 9B8F76
- 928A79
- 89857D
تناسق الألوان
متمم +180°
- DCB149
Honey Grove
- 96B6FF
≈ Truesky Gloxym
متجاور -30° +30°
- DCB149
Honey Grove
- F6A060
≈ Brushed Orange
- B3C25A
≈ Sativa
ثلاثي +120° +240°
- DCB149
Honey Grove
- 1CCEE0
≈ Aztec Turquoise
- E299E4
≈ Love Dust
متمم منقسم +150° +210°
- DCB149
Honey Grove
- 58C3FF
≈ Blue Mana
- BFA6FF
≈ Diva
رباعي +90° +180° +270°
- DCB149
Honey Grove
- 3ED2B5
≈ Simply Aqua
- 96B6FF
≈ Truesky Gloxym
- F993BA
≈ Schauss Pink
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.01:1 · APCA Lc 39
Ag
AAAعلى الأسود
WCAG 10.42:1 · APCA Lc 63
أفضل لون للنص: #000000
WCAG 10.42:1 (AAA) · APCA Lc 63
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--honey-grove: #dcb149;
--honey-grove-rgb: 220 177 73;
--honey-grove-oklch: oklch(0.78 0.13 86.2);
}
.element {
color: var(--honey-grove);
background-color: hsl(42 68% 57%);
border-color: oklch(0.78 0.13 86.2);
}Tailwind CSS v4
@theme {
--color-honey-grove: #dcb149;
--color-honey-grove-50: #fff4cb;
--color-honey-grove-100: #fae6b7;
--color-honey-grove-200: #ebd294;
--color-honey-grove-300: #d3b466;
--color-honey-grove-400: #c09835;
--color-honey-grove-500: #ac7e00;
--color-honey-grove-600: #916b00;
--color-honey-grove-700: #745500;
--color-honey-grove-800: #573d00;
--color-honey-grove-900: #3d2a00;
--color-honey-grove-950: #261800;
}SCSS
$honey-grove: #dcb149;
$honey-grove-rgb: 220, 177, 73;
$honey-grove-light: mix(#fff, $honey-grove, 20%);
$honey-grove-dark: mix(#000, $honey-grove, 20%);
.element {
color: $honey-grove;
box-shadow: 0 0 0 2px rgba($honey-grove, 0.35);
}