Adlandırılmış renk · #EBE541
Vibrant Arsenic
Vibrant Arsenic, #EBE541: rgb(235 229 65), hsl(58 81% 59%), oklch(0.899 0.174 107.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Vibrant Arsenic color name →
#EBE541
oklch(0.899 0.174 107.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDE85F
- EEEB76
- F0EE8A
- F2F19D
- F4F3AF
- F6F6C0
- F8F8D0
- FAFBE0
- FDFDF0
Koyu tonlar
- CCC737
- AEAA2E
- 918E25
- 75721C
- 5B5813
- 413F0B
- 292805
- 131201
- 030300
Gri tonlar
- E0DB50
- D4D15B
- C9C663
- BEBC6A
- B3B270
- A9A875
- 9E9E79
- 94947C
- 8A8A7E
Renk uyumları
Tamamlayıcı +180°
- EBE541
Vibrant Arsenic
- DBD9FF
≈ Transparent Blue
Analog -30° +30°
- EBE541
Vibrant Arsenic
- FFD79B
≈ August Morning
- A4F881
≈ Radar Blip Green
Üçlü +120° +240°
- EBE541
Vibrant Arsenic
- B2E7FF
≈ Frozen Landscape
- FFCDE6
≈ Classic Rose
Bölünmüş tamamlayıcı +150° +210°
- EBE541
Vibrant Arsenic
- CAE0FF
≈ Arc Light
- F3CFFF
≈ Sassy Pink
Dörtlü +90° +180° +270°
- EBE541
Vibrant Arsenic
- 38FBFF
≈ Bright Cyan
- DBD9FF
≈ Transparent Blue
- FFD1D1
≈ Girlie
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.32:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.81:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 15.81:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
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);
}