لون مسمّى · #EBE541

Vibrant Arsenic

Vibrant Arsenic هو #EBE541: rgb(235 229 65)، hsl(58 81% 59%)، oklch(0.899 0.174 107.3). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.

What does Yellow mean? → · Vibrant Arsenic color name →

#EBE541

oklch(0.899 0.174 107.3)

تحويلات الألوان

HEX: #ebe541
RGB: rgb(235 229 65)
HSL: hsl(58 81% 59%)
HWB: hwb(58 25% 8%)
OKLCH: oklch(0.899 0.174 107.3)
OKLab: oklab(0.899 -0.052 0.166)
CIE Lab: lab(89.38 -11.02 74.97)
LCH: lch(89.38 75.77 98.4)
CMYK: cmyk(0% 3% 72% 8%)

درجات فاتحة · درجات داكنة · درجات رمادية

درجات فاتحة

EDE85F
EEEB76
F0EE8A
F2F19D
F4F3AF
F6F6C0
F8F8D0
FAFBE0
FDFDF0

درجات داكنة

CCC737
AEAA2E
918E25
75721C
5B5813
413F0B
292805
131201
030300

درجات رمادية

E0DB50
D4D15B
C9C663
BEBC6A
B3B270
A9A875
9E9E79
94947C
8A8A7E

تناسق الألوان

متمم +180°

EBE541
Vibrant Arsenic
DBD9FF
≈ Transparent Blue

متجاور -30° +30°

ثلاثي +120° +240°

متمم منقسم +150° +210°

رباعي +90° +180° +270°

التباين وإمكانية الوصول

على الأبيض

WCAG 1.32:1 · APCA Lc 16

Fail

على الأسود

WCAG 15.81:1 · APCA Lc 88

AAA

أفضل لون للنص: #000000

WCAG 15.81:1 (AAA) · APCA Lc 88

Contrast pairs

مقتطفات الأكواد

CSS

:root {
  --vibrant-arsenic: #ebe541;
  --vibrant-arsenic-rgb: 235 229 65;
  --vibrant-arsenic-oklch: oklch(0.899 0.174 107.3);
}

.element {
  color: var(--vibrant-arsenic);
  background-color: hsl(58 81% 59%);
  border-color: oklch(0.899 0.174 107.3);
}

Tailwind CSS v4

@theme {
  --color-vibrant-arsenic: #ebe541;
  --color-vibrant-arsenic-50: #f8fac0;
  --color-vibrant-arsenic-100: #eceda9;
  --color-vibrant-arsenic-200: #d9db80;
  --color-vibrant-arsenic-300: #bebe48;
  --color-vibrant-arsenic-400: #aba400;
  --color-vibrant-arsenic-500: #958b00;
  --color-vibrant-arsenic-600: #7e7600;
  --color-vibrant-arsenic-700: #655e00;
  --color-vibrant-arsenic-800: #4c4400;
  --color-vibrant-arsenic-900: #352f00;
  --color-vibrant-arsenic-950: #201b00;
}

SCSS

$vibrant-arsenic: #ebe541;
$vibrant-arsenic-rgb: 235, 229, 65;
$vibrant-arsenic-light: mix(#fff, $vibrant-arsenic, 20%);
$vibrant-arsenic-dark: mix(#000, $vibrant-arsenic, 20%);

.element {
  color: $vibrant-arsenic;
  box-shadow: 0 0 0 2px rgba($vibrant-arsenic, 0.35);
}

ألوان مسمّاة مشابهة

افتح في الأدوات

المنتقي الأزواج فاحص التباين Studio JSON API