Colore con nome · #155843
Billiard Table
Billiard Table è #155843: rgb(21 88 67), hsl(161 61% 21%), oklch(0.413 0.075 167.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Billiard Table color name →
#155843
oklch(0.413 0.075 167.6)
Conversioni di colore
- HEX
- #155843
- RGB
- rgb(21 88 67)
- HSL
- hsl(161 61% 21%)
- HWB
- hwb(161 8% 65%)
- OKLCH
- oklch(0.413 0.075 167.6)
- OKLab
- oklab(0.413 -0.073 0.016)
- CIE Lab
- lab(32.93 -25.83 5.98)
- LCH
- lch(32.93 26.52 167)
- CMYK
- cmyk(76% 0% 24% 65%)
Tinte · Ombre · Toni
Tinte
- 316854
- 487765
- 5E8777
- 749889
- 8BA89C
- A1B9AF
- B8CAC2
- D0DCD6
- E7EDEA
Ombre
- 114B39
- 0C3F2F
- 083326
- 05281D
- 031D14
- 02120C
- 010905
- 000301
- 000000
Toni
- 255C49
- 31604F
- 3C6455
- 47685B
- 506C61
- 5A7067
- 64746D
- 6D7873
- 777C7A
Armonie di colore
Complementare +180°
- 155843
Billiard Table
- 693A53
≈ Primitive Plum
Analogo -30° +30°
- 155843
Billiard Table
- 37552B
≈ Zen Garden Olive
- 005759
≈ Deep Sea Green
Triadico +120° +240°
- 155843
Billiard Table
- 494472
≈ Izmir Purple
- 6C3E25
≈ New Amber
Complementare divisa +150° +210°
- 155843
Billiard Table
- 5C3E66
≈ Kikyō Purple
- 6E393C
≈ Rubine
Tetradico +90° +180° +270°
- 155843
Billiard Table
- 304C73
≈ Sailboat
- 693A53
≈ Primitive Plum
- 624514
≈ Mud Brown
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.37:1 · APCA Lc 89
Ag
FailSu nero
WCAG 2.50:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.37:1 (AAA) · APCA Lc 89
Contrast pairs
Frammenti di codice
CSS
:root {
--billiard-table: #155843;
--billiard-table-rgb: 21 88 67;
--billiard-table-oklch: oklch(0.413 0.075 167.6);
}
.element {
color: var(--billiard-table);
background-color: hsl(161 61% 21%);
border-color: oklch(0.413 0.075 167.6);
}Tailwind CSS v4
@theme {
--color-billiard-table: #155843;
--color-billiard-table-50: #e1fdf2;
--color-billiard-table-100: #d1f0e4;
--color-billiard-table-200: #b6dfcf;
--color-billiard-table-300: #92c4b1;
--color-billiard-table-400: #72ad96;
--color-billiard-table-500: #50967c;
--color-billiard-table-600: #457f69;
--color-billiard-table-700: #376654;
--color-billiard-table-800: #274b3c;
--color-billiard-table-900: #1a3429;
--color-billiard-table-950: #0a1f17;
}SCSS
$billiard-table: #155843;
$billiard-table-rgb: 21, 88, 67;
$billiard-table-light: mix(#fff, $billiard-table, 20%);
$billiard-table-dark: mix(#000, $billiard-table, 20%);
.element {
color: $billiard-table;
box-shadow: 0 0 0 2px rgba($billiard-table, 0.35);
}