لون مسمّى · #DBBF9A
Honey Peach
Honey Peach هو #DBBF9A: rgb(219 191 154)، hsl(34 47% 73%)، oklch(0.819 0.059 74.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Honey Peach color name →
#DBBF9A
oklch(0.819 0.059 74.5)
تحويلات الألوان
- HEX
- #dbbf9a
- RGB
- rgb(219 191 154)
- HSL
- hsl(34 47% 73%)
- HWB
- hwb(34 60% 14%)
- OKLCH
- oklch(0.819 0.059 74.5)
- OKLab
- oklab(0.819 0.016 0.057)
- CIE Lab
- lab(79.08 6.27 22.6)
- LCH
- lch(79.08 23.45 74.5)
- CMYK
- cmyk(0% 13% 30% 14%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- DFC5A4
- E2CCAE
- E6D2B8
- EAD8C2
- EDDFCC
- F1E5D6
- F4ECE0
- F8F2EB
- FBF9F5
درجات داكنة
- BEA685
- A28D71
- 87755E
- 6D5E4B
- 544839
- 3C3327
- 261F17
- 110D09
- 020201
درجات رمادية
- D2B998
- C8B295
- BFAC93
- B6A590
- AD9F8E
- A4998B
- 9B9388
- 928C86
- 898683
تناسق الألوان
متمم +180°
- DBBF9A
Honey Peach
- AAC7EA
≈ Island Light
متجاور -30° +30°
- DBBF9A
Honey Peach
- E6B9A5
≈ Diva Rouge
- C9C79B
≈ Paris Mint
ثلاثي +120° +240°
- DBBF9A
Honey Peach
- 97D0CF
≈ Big Surf
- D2B9DF
≈ Pretty Petunia
متمم منقسم +150° +210°
- DBBF9A
Honey Peach
- 9BCDE1
≈ December Solstice
- BFBFE9
≈ Vodka
رباعي +90° +180° +270°
- DBBF9A
Honey Peach
- A1D1BA
≈ Feather Green
- AAC7EA
≈ Island Light
- E1B5CD
≈ Muddy Mauve
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.76:1 · APCA Lc 32
Ag
AAAعلى الأسود
WCAG 11.93:1 · APCA Lc 70
أفضل لون للنص: #000000
WCAG 11.93:1 (AAA) · APCA Lc 70
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--honey-peach: #dbbf9a;
--honey-peach-rgb: 219 191 154;
--honey-peach-oklch: oklch(0.819 0.059 74.5);
}
.element {
color: var(--honey-peach);
background-color: hsl(34 47% 73%);
border-color: oklch(0.819 0.059 74.5);
}Tailwind CSS v4
@theme {
--color-honey-peach: #dbbf9a;
--color-honey-peach-50: #fff3e3;
--color-honey-peach-100: #f3e6d3;
--color-honey-peach-200: #e3d1b9;
--color-honey-peach-300: #c9b496;
--color-honey-peach-400: #b39a78;
--color-honey-peach-500: #9e815a;
--color-honey-peach-600: #856d4c;
--color-honey-peach-700: #6b573d;
--color-honey-peach-800: #4f3f2b;
--color-honey-peach-900: #372c1d;
--color-honey-peach-950: #22190d;
}SCSS
$honey-peach: #dbbf9a;
$honey-peach-rgb: 219, 191, 154;
$honey-peach-light: mix(#fff, $honey-peach, 20%);
$honey-peach-dark: mix(#000, $honey-peach, 20%);
.element {
color: $honey-peach;
box-shadow: 0 0 0 2px rgba($honey-peach, 0.35);
}