لون مسمّى · #B39953
Viva Las Vegas
Viva Las Vegas هو #B39953: rgb(179 153 83)، hsl(44 39% 51%)، oklch(0.691 0.095 89.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Yellow mean? → · Viva Las Vegas color name →
#B39953
oklch(0.691 0.095 89.5)
تحويلات الألوان
- HEX
- #b39953
- RGB
- rgb(179 153 83)
- HSL
- hsl(44 39% 51%)
- HWB
- hwb(44 33% 30%)
- OKLCH
- oklch(0.691 0.095 89.5)
- OKLab
- oklab(0.691 0.001 0.095)
- CIE Lab
- lab(64.48 3.43 40.12)
- LCH
- lch(64.48 40.26 85.1)
- CMYK
- cmyk(0% 15% 54% 30%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- BAA365
- C2AD77
- C9B788
- D1C199
- D9CCAA
- E0D6BB
- E8E0CC
- EFEADD
- F7F5EE
درجات داكنة
- 9B8447
- 84703B
- 6E5D30
- 584A25
- 43381B
- 2F2711
- 1D1708
- 0C0802
- 010100
درجات رمادية
- AE9759
- A9945F
- A39264
- 9E8F69
- 998D6D
- 948A71
- 8F8875
- 8A8579
- 85837D
تناسق الألوان
متمم +180°
- B39953
Viva Las Vegas
- 8499D7
≈ Mystic Iris
متجاور -30° +30°
- B39953
Viva Las Vegas
- C78D5E
≈ Orange Pekoe
- 95A45F
≈ Zesty Apple
ثلاثي +120° +240°
- B39953
Viva Las Vegas
- 47ACBC
≈ Verditer Blue
- BD86B8
≈ Violet Tulle
متمم منقسم +150° +210°
- B39953
Viva Las Vegas
- 61A4D0
≈ Alaskan Blue
- A48ECE
≈ Middy’s Purple
رباعي +90° +180° +270°
- B39953
Viva Las Vegas
- 4FAF9D
≈ Water Park
- 8499D7
≈ Mystic Iris
- CC839A
≈ Cashmere Rose
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.76:1 · APCA Lc 53
Ag
AAAعلى الأسود
WCAG 7.59:1 · APCA Lc 49
أفضل لون للنص: #000000
WCAG 7.59:1 (AAA) · APCA Lc 49
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--viva-las-vegas: #b39953;
--viva-las-vegas-rgb: 179 153 83;
--viva-las-vegas-oklch: oklch(0.691 0.095 89.5);
}
.element {
color: var(--viva-las-vegas);
background-color: hsl(44 39% 51%);
border-color: oklch(0.691 0.095 89.5);
}Tailwind CSS v4
@theme {
--color-viva-las-vegas: #b39953;
--color-viva-las-vegas-50: #fff5d7;
--color-viva-las-vegas-100: #f3e7c5;
--color-viva-las-vegas-200: #e3d4a6;
--color-viva-las-vegas-300: #c9b67f;
--color-viva-las-vegas-400: #b59c5a;
--color-viva-las-vegas-500: #9f8332;
--color-viva-las-vegas-600: #866f2c;
--color-viva-las-vegas-700: #6c5923;
--color-viva-las-vegas-800: #504017;
--color-viva-las-vegas-900: #382c0f;
--color-viva-las-vegas-950: #221903;
}SCSS
$viva-las-vegas: #b39953;
$viva-las-vegas-rgb: 179, 153, 83;
$viva-las-vegas-light: mix(#fff, $viva-las-vegas, 20%);
$viva-las-vegas-dark: mix(#000, $viva-las-vegas, 20%);
.element {
color: $viva-las-vegas;
box-shadow: 0 0 0 2px rgba($viva-las-vegas, 0.35);
}