Colore con nome · #039578
Pool Table
Pool Table è #039578: rgb(3 149 120), hsl(168 96% 30%), oklch(0.597 0.115 172.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Pool Table color name →
#039578
oklch(0.597 0.115 172.4)
Conversioni di colore
- HEX
- #039578
- RGB
- rgb(3 149 120)
- HSL
- hsl(168 96% 30%)
- HWB
- hwb(168 1% 42%)
- OKLCH
- oklch(0.597 0.115 172.4)
- OKLab
- oklab(0.597 -0.114 0.015)
- CIE Lab
- lab(54.77 -40.36 5.46)
- LCH
- lch(54.77 40.73 172.3)
- CMYK
- cmyk(98% 0% 19% 42%)
Tinte · Ombre · Toni
Tinte
- 38A085
- 54AA92
- 6CB59F
- 82BFAC
- 98CAB9
- ADD4C7
- C1DFD5
- D6EAE3
- EAF4F1
Ombre
- 028167
- 026D57
- 015A48
- 014839
- 00372A
- 00261D
- 001610
- 000805
- 000101
Toni
- 289379
- 3A917A
- 478F7A
- 528D7B
- 5B8B7C
- 64897D
- 6B877E
- 73857E
- 7A827F
Armonie di colore
Complementare +180°
- 039578
Pool Table
- B36186
≈ Raspberry Parfait
Analogo -30° +30°
- 039578
Pool Table
- 54904F
≈ Virgo Green Goddess
- 00919A
≈ Splashy
Triadico +120° +240°
- 039578
Pool Table
- 8271BE
≈ Purple Hebe
- B46A38
≈ Mincemeat
Complementare divisa +150° +210°
- 039578
Pool Table
- 9F67A7
≈ Royal Pretender
- BA615F
≈ Energy Peak
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.76:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.57:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.57:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--pool-table: #039578;
--pool-table-rgb: 3 149 120;
--pool-table-oklch: oklch(0.597 0.115 172.4);
}
.element {
color: var(--pool-table);
background-color: hsl(168 96% 30%);
border-color: oklch(0.597 0.115 172.4);
}Tailwind CSS v4
@theme {
--color-pool-table: #039578;
--color-pool-table-50: #d4fff3;
--color-pool-table-100: #c1f5e5;
--color-pool-table-200: #a0e5d1;
--color-pool-table-300: #74cbb3;
--color-pool-table-400: #47b497;
--color-pool-table-500: #009e7e;
--color-pool-table-600: #00866b;
--color-pool-table-700: #006b55;
--color-pool-table-800: #014f3d;
--color-pool-table-900: #02372a;
--color-pool-table-950: #002217;
}SCSS
$pool-table: #039578;
$pool-table-rgb: 3, 149, 120;
$pool-table-light: mix(#fff, $pool-table, 20%);
$pool-table-dark: mix(#000, $pool-table, 20%);
.element {
color: $pool-table;
box-shadow: 0 0 0 2px rgba($pool-table, 0.35);
}