أقرب لون مسمّى · #D0B200
#D0B200
أقرب لون مسمّى: Mustard
#D0B200 (rgb(208 178 0)، hsl(51 100% 41%)، oklch(0.767 0.158 96.9)) أقرب إلى اللون المسمّى Mustard. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#D0B200
oklch(0.767 0.158 96.9)
تحويلات الألوان
- HEX
- #d0b200
- RGB
- rgb(208 178 0)
- HSL
- hsl(51 100% 41%)
- HWB
- hwb(51 0% 18%)
- OKLCH
- oklch(0.767 0.158 96.9)
- OKLab
- oklab(0.767 -0.019 0.157)
- CIE Lab
- lab(73.51 0.99 74.74)
- LCH
- lch(73.51 74.75 89.2)
- CMYK
- cmyk(0% 14% 100% 18%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- D5BA3D
- D9C25A
- DECA72
- E2D288
- E7D99D
- ECE1B1
- F0E9C5
- F5F0D8
- FAF8EC
درجات داكنة
- B59A00
- 9A8300
- 806D00
- 675700
- 4F4300
- 392F00
- 231D00
- 100C00
- 020100
درجات رمادية
- C8AD2B
- BFA83E
- B7A44C
- AF9F57
- A79A60
- 9F9568
- 97906F
- 8F8B75
- 88857B
تناسق الألوان
متمم +180°
- D0B200
Mustard
- A0ACFF
≈ Widowmaker
متجاور -30° +30°
- D0B200
Mustard
- F59C29
≈ Yellow Sea
- 98C54B
≈ Lone Hunter
ثلاثي +120° +240°
- D0B200
Mustard
- 00C8EB
≈ Picnic Day Sky
- F189D8
≈ Blushed Bombshell
متمم منقسم +150° +210°
- D0B200
Mustard
- 6CBAFF
≈ Green Darner Tail
- CD97FF
≈ Lilás
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.08:1 · APCA Lc 41
Ag
AAAعلى الأسود
WCAG 10.05:1 · APCA Lc 62
أفضل لون للنص: #000000
WCAG 10.05:1 (AAA) · APCA Lc 62
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--mustard: #d0b200;
--mustard-rgb: 208 178 0;
--mustard-oklch: oklch(0.767 0.158 96.9);
}
.element {
color: var(--mustard);
background-color: hsl(51 100% 41%);
border-color: oklch(0.767 0.158 96.9);
}Tailwind CSS v4
@theme {
--color-mustard: #d0b200;
--color-mustard-50: #fff7c3;
--color-mustard-100: #f5e9ac;
--color-mustard-200: #e5d685;
--color-mustard-300: #ccb850;
--color-mustard-400: #b99d00;
--color-mustard-500: #a58300;
--color-mustard-600: #8b6f00;
--color-mustard-700: #6f5900;
--color-mustard-800: #544000;
--color-mustard-900: #3a2c00;
--color-mustard-950: #251900;
}SCSS
$mustard: #d0b200;
$mustard-rgb: 208, 178, 0;
$mustard-light: mix(#fff, $mustard, 20%);
$mustard-dark: mix(#000, $mustard, 20%);
.element {
color: $mustard;
box-shadow: 0 0 0 2px rgba($mustard, 0.35);
}