Benannte Farbe · #50846E
Billiard Room
Billiard Room ist #50846E: rgb(80 132 110), hsl(155 25% 42%), oklch(0.57 0.066 165.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Billiard Room color name →
#50846E
oklch(0.57 0.066 165.4)
Farbumrechnungen
- HEX
- #50846e
- RGB
- rgb(80 132 110)
- HSL
- hsl(155 25% 42%)
- HWB
- hwb(155 31% 48%)
- OKLCH
- oklch(0.57 0.066 165.4)
- OKLab
- oklab(0.57 -0.064 0.017)
- CIE Lab
- lab(51 -22.22 6.17)
- LCH
- lch(51 23.06 164.5)
- CMYK
- cmyk(39% 0% 17% 48%)
Tints · Shades · Tones
Tints
- 61907B
- 739C89
- 84A897
- 95B4A5
- A6C0B4
- B8CCC2
- C9D9D1
- DBE6E0
- EDF2F0
Shades
- 44725F
- 396050
- 2E4F41
- 243F33
- 1A2F26
- 102019
- 07120E
- 020604
- 000101
Tones
- 568470
- 5B8372
- 608373
- 658375
- 6A8277
- 6F8279
- 73817B
- 77817C
- 7C817E
Farbharmonien
Komplementär +180°
- 50846E
Billiard Room
- 946880
≈ Corundum Red
Analog -30° +30°
- 50846E
Billiard Room
- 668059
≈ Garden Grove
- 438484
≈ Emu Egg
Triadisch +120° +240°
- 50846E
Billiard Room
- 73729D
≈ Hyacinth Mauve
- 986B57
≈ Timeless Copper
Geteilt komplementär +150° +210°
- 50846E
Billiard Room
- 866C92
≈ Beauty
- 9A676A
≈ Red Grey
Tetradisch +90° +180° +270°
- 50846E
Billiard Room
- 5D799E
≈ Blue Plate
- 946880
≈ Corundum Red
- 8E724A
≈ Highland Ridge
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.31:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.86:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.86:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--billiard-room: #50846e;
--billiard-room-rgb: 80 132 110;
--billiard-room-oklch: oklch(0.57 0.066 165.4);
}
.element {
color: var(--billiard-room);
background-color: hsl(155 25% 42%);
border-color: oklch(0.57 0.066 165.4);
}Tailwind CSS v4
@theme {
--color-billiard-room: #50846e;
--color-billiard-room-50: #e4fcf1;
--color-billiard-room-100: #d4efe3;
--color-billiard-room-200: #badecf;
--color-billiard-room-300: #97c3b1;
--color-billiard-room-400: #79ab95;
--color-billiard-room-500: #5a947c;
--color-billiard-room-600: #4d7d69;
--color-billiard-room-700: #3d6454;
--color-billiard-room-800: #2c4a3c;
--color-billiard-room-900: #1e3329;
--color-billiard-room-950: #0d1f17;
}SCSS
$billiard-room: #50846e;
$billiard-room-rgb: 80, 132, 110;
$billiard-room-light: mix(#fff, $billiard-room, 20%);
$billiard-room-dark: mix(#000, $billiard-room, 20%);
.element {
color: $billiard-room;
box-shadow: 0 0 0 2px rgba($billiard-room, 0.35);
}