لون مسمّى · #D09800
Leopard
Leopard هو #D09800: rgb(208 152 0)، hsl(44 100% 41%)، oklch(0.714 0.147 82.1). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Orange mean? → · Leopard color name →
#D09800
oklch(0.714 0.147 82.1)
تحويلات الألوان
- HEX
- #d09800
- RGB
- rgb(208 152 0)
- HSL
- hsl(44 100% 41%)
- HWB
- hwb(44 0% 18%)
- OKLCH
- oklch(0.714 0.147 82.1)
- OKLab
- oklab(0.714 0.02 0.146)
- CIE Lab
- lab(66.93 14.17 70.51)
- LCH
- lch(66.93 71.92 78.6)
- CMYK
- cmyk(0% 27% 100% 18%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D5A339
- DAAD56
- DFB76E
- E4C284
- E8CC99
- EDD6AE
- F2E1C2
- F6EBD7
- FBF5EB
درجات داكنة
- B58400
- 9A7000
- 805C00
- 674A00
- 4F3800
- 392700
- 231700
- 100800
- 020100
درجات رمادية
- C89628
- C0943A
- B89248
- B09053
- A88D5C
- A08B65
- 98886C
- 908673
- 88837A
تناسق الألوان
متمم +180°
- D09800
Leopard
- 6FA1FE
≈ Âbi Blue
متجاور -30° +30°
- D09800
Leopard
- E98541
≈ Flamenco
- A6AB25
≈ Honey and Thyme
ثلاثي +120° +240°
- D09800
Leopard
- 00B9C3
≈ Lago Blue
- CD81D9
≈ Lavender Perceptions
متمم منقسم +150° +210°
- D09800
Leopard
- 00B1EE
≈ Lynx Screen Blue
- A690F6
≈ Cobalite
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.56:1 · APCA Lc 50
Ag
AAAعلى الأسود
WCAG 8.17:1 · APCA Lc 52
أفضل لون للنص: #000000
WCAG 8.17:1 (AAA) · APCA Lc 52
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--leopard: #d09800;
--leopard-rgb: 208 152 0;
--leopard-oklch: oklch(0.714 0.147 82.1);
}
.element {
color: var(--leopard);
background-color: hsl(44 100% 41%);
border-color: oklch(0.714 0.147 82.1);
}Tailwind CSS v4
@theme {
--color-leopard: #d09800;
--color-leopard-50: #fff3c6;
--color-leopard-100: #ffe5b0;
--color-leopard-200: #f2cf8a;
--color-leopard-300: #dbb158;
--color-leopard-400: #c99415;
--color-leopard-500: #b57900;
--color-leopard-600: #996700;
--color-leopard-700: #7b5200;
--color-leopard-800: #5c3b00;
--color-leopard-900: #412800;
--color-leopard-950: #291600;
}SCSS
$leopard: #d09800;
$leopard-rgb: 208, 152, 0;
$leopard-light: mix(#fff, $leopard, 20%);
$leopard-dark: mix(#000, $leopard, 20%);
.element {
color: $leopard;
box-shadow: 0 0 0 2px rgba($leopard, 0.35);
}