Nazwany kolor · #B39953
Viva Las Vegas
Viva Las Vegas to #B39953: rgb(179 153 83), hsl(44 39% 51%), oklch(0.691 0.095 89.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Viva Las Vegas color name →
#B39953
oklch(0.691 0.095 89.5)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BAA365
- C2AD77
- C9B788
- D1C199
- D9CCAA
- E0D6BB
- E8E0CC
- EFEADD
- F7F5EE
Odcienie ciemniejsze
- 9B8447
- 84703B
- 6E5D30
- 584A25
- 43381B
- 2F2711
- 1D1708
- 0C0802
- 010100
Tony
- AE9759
- A9945F
- A39264
- 9E8F69
- 998D6D
- 948A71
- 8F8875
- 8A8579
- 85837D
Harmonie kolorów
Komplementarna +180°
- B39953
Viva Las Vegas
- 8499D7
≈ Mystic Iris
Analogowa -30° +30°
- B39953
Viva Las Vegas
- C78D5E
≈ Orange Pekoe
- 95A45F
≈ Zesty Apple
Triada +120° +240°
- B39953
Viva Las Vegas
- 47ACBC
≈ Verditer Blue
- BD86B8
≈ Violet Tulle
Komplementarna rozszczepiona +150° +210°
- B39953
Viva Las Vegas
- 61A4D0
≈ Alaskan Blue
- A48ECE
≈ Middy’s Purple
Tetrada +90° +180° +270°
- B39953
Viva Las Vegas
- 4FAF9D
≈ Water Park
- 8499D7
≈ Mystic Iris
- CC839A
≈ Cashmere Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.76:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.59:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.59:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
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);
}